滤镜效果 |
功能描述 |
Alpha | 设置不同的透明度变化效果 |
Blur | 建立模糊效果 |
DropShadow | 建立一种偏移的影象轮廓,即投射阴影 |
FlipH | 水平翻转 |
FlipV | 垂直翻转 |
Glow | 为对象的边界增加色彩光效 |
Gray | 将图片以灰度形式显示 |
Invert | 将色彩、饱和度以及亮度值完全反转,类似底片效果 |
Light | 在一个对象上进行灯光投影 |
Mask | 为一个对象建立彩色透明遮罩 |
Shadow | 为对象建立轮廓的影效果 |
Wave | 在X轴和Y轴方向利用正弦波打乱图片 |
Xray | 只显示对象的轮廓 |
具体的应用有两种方法:
1、 先定义好CSS ,再在页面中需要的对象上使用预先定义好的CSS,实际上CSS的设置对话框里已经预先将这些滤镜的语法设置好了,我们只需填上适合的具体参数即可:
2、直接在支持CSS滤镜效果的HTML控件元素上编写CSS filter代码。
a.Alpha 滤镜
"Alpha"属性是把一个目标元素与背景混合。设计者可以指定数值来控制混合的程度。这种“与背景混合”通俗地说就是一个元素的透明度。通过指定坐标,可以指定各种不同范围的透明度。
Alpha 滤镜语法 |
{FILTER:ALPHA(opacity=opacity,finishopacity=finishopacity, style=style,startx=startx, starty=starty,finishx=finishx,finishy=finishy)} |
参数含义分别如下:
参数 |
说明 |
opacity | 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。 |
finishopacity | 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。 |
style | 指定透明区域的形状特征: 0 代表统一形状 1 代表线形 2 代表放射状 3 代表矩形 |
startx | 渐变透明效果开始处的 X坐标。 |
starty | 渐变透明效果开始处的 Y坐标。 |
finishx | 渐变透明效果结束处的 X坐标。 |
finishy | 渐变透明效果结束处的 Y坐标。 |
Blur滤镜语法 |
HTML:{filter:blur(add=add,direction=direction, strength=strength)} Script语言: [oblurfilter=] object.filters.blur |
参数含义分别如下:
参数 |
说明 |
add | 它指定图片是否被改变成印象派的模糊效果。模糊效果是按顺时针的方向进行的, 这是一个布尔值:ture (默认)或false |
direction | 该参数用来设置模糊的方向。 0度代表垂直向上,每45度为一个单位,默认值是向左的270度 |
strength | 只能使用整数来指定,代表有多少像素的宽度将受到模糊影响,默认是5个像素。 |
c.DropShadow 滤镜
“DropShaow",顾名思义就是添加对象的阴影效果。其工作原理是建立一个偏移量,加上色彩。
DropShadow 滤镜语法 |
{filter:dropshadow (color=color,offx=ofx,offy=offy,positive=positive)} |
参数含义如下:
参数 |
说明 |
Color | 代表投射阴影的颜色 |
offx | X方向阴影的偏移量 |
offy | Y方向阴影的偏移量 |
Positive | 布尔值 如果为TRUE(非0),就为任何的非透明像素建立可见的投影 如果为FASLE(0),就为透明的像素部分建立透明效果 |
d.FlipH, FlipV 滤镜
FlipH 滤镜实现水平反转
FlipH 滤镜语法 |
{filter:filph} |
FlipV 滤镜实现垂直反转
FlipV 滤镜语法 |
{filter:filpv} |
FlipH 滤镜实现水平反转
FlipH 滤镜语法 |
{filter:filph} |
FlipV 滤镜实现垂直反转
FlipV 滤镜语法 |
{filter:filpv} |
对一个对象使用"glow"属性后,这个对象的边缘就会产生类似发光的效果。
Glow 滤镜语法 |
{filter:glow(color=color,strength)} |
参数含义如下:
参数 |
说明 |
Color | 指定发光的颜色 |
STRENGTH | 强度,值为1到255之间的任何整数,指定发光色力度和范围。 |
使用Gray滤镜可以把一张图片变成灰度图,语法很简单:
Gray 滤镜语法 |
{filter:gray} |
使用Gray滤镜可以把一张图片变成灰度图,语法很简单:
Gray 滤镜语法 |
{filter:gray} |
Mask 滤镜语法 |
{filter:mask(color=color)} |
使用"MASK"属性可以为对象建立一个覆盖于表面的膜,其效果就象戴着有色眼镜看物体一样 。
j.
Light 滤镜
Light 滤镜语法 |
{filter:light} |
这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性,那么就可以调用它的“方法(Method)"来设置或者改变属性。“LIGHT"可用的方法有:
参数 |
说明 |
AddAmbient | 加入包围的光源 |
AddCone | 加入锥形光源 |
AddPoint | 加入点光源 |
Changcolor | 改变光的颜色 |
Changstrength | 改变光源的强度 |
Clear | 清除所有的光源 |
MoveLight | 移动光源 |
Shadow 滤镜 语法 |
{filter:shadow(color=color,direction=direction)} |
利用“Shadow”属性可以在指定的方向建立物体的投影,COLor是投影色,DIRECTION是设置投影的方向。其中0度代表垂直向上,然后每45度为一个单位。它的默认值是向左的270度。
l.
Wave 滤镜
Wave 滤镜 语法 |
{filter:wave(add=add,freq=freq, lightstrength=strength, phase=phase,strength=strength)} |
参数 |
说明 |
wave | 把对象按垂直的波形样式打乱。 默认是 TRUE(非0) |
ADD | 是否要把对象按照波形样式打乱 |
FREQ | 波纹的频率,也就是指定在对象上一共需要产生多少个完整的波纹 |
LIGHTSTRENGTH | 可以对于波纹增强光影的效果,范围0----100 |
PHASE | 设置正弦波的偏移量 |
STRENGTH | 振幅大小 |
使用Gray滤镜可以把一张图片变成灰度图,语法很简单:
Gray 滤镜语法 |
{filter:gray} |
如何避免别人把你的网页放在框架中 <script>
<!--
if (top.location != self.location) {top.location=self.location;}
//-->
</script>
针对上述屏蔽,有以下解决方法:
<script>
<!--
var location="";
//-->
</script>
连续的英文或者一堆感叹号!!!不会自动换行的问题
只要在CSS中定义了如下句子,可保网页不会再被撑开了
table{table-layout: fixed;}
td{word-break: break-all; word-wrap:break-word;}
注释一下:
1.第一条table{table-layout: fixed;},此样式可以让表格中有!!!(感叹号)之类的字符时自动换行。
2.td{word-break: break-all},一般用这句这OK了,但在有些特殊情况下还是会撑开,因此需要再加上后面一句{word-wrap:break-word;}就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。

setTimeout(document.getElementById("btn").disabled='false',5000);
</script>
<INPUT id=btn onclick="this.disabled=true" type="button" value="Button">

类型选择器:
例:
p {color: black;}
后代选择器:
例:
hi a {text=decoration: none;}
ID选择器:
例:
#intro {font-weight: blod;}
<p id="intro">Some Text</p>
类选择器:
例:
.datePosted {color: green;}
<p class="datePosted">26/4/2007</p>
组合选择器:
例:
#mainContent h1{font-size: 1.8em;}
<div id="mainContent"><h1>title...</h1>...<div>
例:
form {width: 30em;}
form#search {width: 40em;}
伪类选择器:
例:
a:link {color: blue;} /*设置所有未访问的超级链接颜色*/
例:
tr:hover {background-color: red;} /*改变鼠标掠过时的表格行背景色*/
通用选择器:
例:
* {
padding: 0;
margin: 0;
}
高级选择器:
略。
另:同时设置几个属性中间用","
body,tr {...}
<noscript>
<iframe src="*.htm"></iframe>
</noscript>
原理是,当浏览器保存该网页时会试图保存“*.html”这个文件,而“*”为特殊字符不允许存在于文件名中,因此保存失败。
FILTER:progid:DXImageTransform.Microsoft.Gradient使用
语法:
true: 默认值。滤镜激活。
false:滤镜被禁止。
startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度。
其格式为 #AARRGGBB 。 AA 、 RR 、 GG 、 BB 为十六进制正整数。取值范围为 00 - FF 。 RR 指定红色值, GG 指定绿色值, BB 指定蓝色值,参阅 #RRGGBB 颜色单位。 AA 指定透明度。 00 是完全透明。 FF 是完全不透明。超出取值范围的值将被恢复为默认值。
取值范围为 #FF000000 - #FFFFFFFF 。默认值为 #FF0000FF 。不透明蓝色。
EndColorStr:可选项。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。
Enabled:可读写。布尔值(Boolean)。参阅 enabled 属性。
GradientType:可读写。整数值(Integer)。设置或检索色彩渐变的方向。1 | 0
1:默认值。水平渐变。
0:垂直渐变。
StartColorStr:可读写。字符串(String)。参阅 startColorStr 属性。
StartColor:可读写。整数值(Integer)。设置或检索色彩渐变的开始颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。
EndColorStr:可读写。字符串(String)。设置或检索色彩渐变的结束颜色和透明度。参阅 startColorStr 属性。默认值为 #FF000000 。不透明黑色。
EndColor:可读写。整数值(Integer)。设置或检索色彩渐变的结束颜色。 取值范围为 0 - 4294967295 。 0 为透明。 4294967295 为不透明白色。当在脚本中使用此特性时,也可以用十六进制格式: 0xAARRGGBB 。
在对象的背景和内容之间显示定制的色彩层。
当此效果通过转变显示时,在渐变册色彩层之上的文本程序性的初始化为透明的,当色彩渐变实现后,文本颜色会以其定义的值更新。
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr=#550000FF, endColorstr=#55FFFF00) ;}
#idDiv{position:absolute; left:140px; height:400; width:400;filter:progid:DXImageTransform.Microsoft.gradient() ;}
有时候,我们在调试 SQL Server 2005 的程序会出现:
Generating user instances in SQL Server is disabled. Use sp_configure 'user instances
enabled' to generate user instances
这个错误,这是因为默认使用了 user instance,可以通过两种途径解决:(推荐 途径一的方法b)
一、改环境配置
方法a:
1. run=>cmd.exe
2. 输入 sqlcmd
3. 输入 sp_configure 'user instances enabled','1'
方法b:
使用 SQL Server Management Studio 工具,附加数据库,添加查询:
exec sp_configure 'user instances enabled',1
reconfigure
二、改连接字符串
把所有连接字符串中的 user instace=true; 去掉,包括 %systemroot%microstoft.net/[version]/framework/config/ 下的几个 Config 文件中的连接字符串
Sql Server 中一个非常强大的日期格式化函数
Select CONVERT(varchar(100), GETDATE(), 8): 10:57:46
Select CONVERT(varchar(100), GETDATE(), 24): 10:57:47
Select CONVERT(varchar(100), GETDATE(), 108): 10:57:49
Select CONVERT(varchar(100), GETDATE(), 12): 060516
Select CONVERT(varchar(100), GETDATE(), 23): 2006-05-16
Select CONVERT(varchar(100), GETDATE(), 0): 05 16 2006 10:57AM
Select CONVERT(varchar(100), GETDATE(), 1): 05/16/06
Select CONVERT(varchar(100), GETDATE(), 2): 06.05.16
Select CONVERT(varchar(100), GETDATE(), 3): 16/05/06
Select CONVERT(varchar(100), GETDATE(), 4): 16.05.06
Select CONVERT(varchar(100), GETDATE(), 5): 16-05-06
Select CONVERT(varchar(100), GETDATE(), 6): 16 05 06
Select CONVERT(varchar(100), GETDATE(), 7): 05 16, 06
Select CONVERT(varchar(100), GETDATE(), 8): 10:57:46
Select CONVERT(varchar(100), GETDATE(), 9): 05 16 2006 10:57:46:827AM
Select CONVERT(varchar(100), GETDATE(), 10): 05-16-06
Select CONVERT(varchar(100), GETDATE(), 11): 06/05/16
Select CONVERT(varchar(100), GETDATE(), 12): 060516
Select CONVERT(varchar(100), GETDATE(), 13): 16 05 2006 10:57:46:937
Select CONVERT(varchar(100), GETDATE(), 14): 10:57:46:967
Select CONVERT(varchar(100), GETDATE(), 20): 2006-05-16 10:57:47
Select CONVERT(varchar(100), GETDATE(), 21): 2006-05-16 10:57:47.157
Select CONVERT(varchar(100), GETDATE(), 22): 05/16/06 10:57:47 AM
Select CONVERT(varchar(100), GETDATE(), 23): 2006-05-16
Select CONVERT(varchar(100), GETDATE(), 24): 10:57:47
Select CONVERT(varchar(100), GETDATE(), 25): 2006-05-16 10:57:47.250
Select CONVERT(varchar(100), GETDATE(), 100): 05 16 2006 10:57AM
Select CONVERT(varchar(100), GETDATE(), 101): 05/16/2006
Select CONVERT(varchar(100), GETDATE(), 102): 2006.05.16
Select CONVERT(varchar(100), GETDATE(), 103): 16/05/2006
Select CONVERT(varchar(100), GETDATE(), 104): 16.05.2006
Select CONVERT(varchar(100), GETDATE(), 105): 16-05-2006
Select CONVERT(varchar(100), GETDATE(), 106): 16 05 2006
Select CONVERT(varchar(100), GETDATE(), 107): 05 16, 2006
Select CONVERT(varchar(100), GETDATE(), 108): 10:57:49
Select CONVERT(varchar(100), GETDATE(), 109): 05 16 2006 10:57:49:437AM
Select CONVERT(varchar(100), GETDATE(), 110): 05-16-2006
Select CONVERT(varchar(100), GETDATE(), 111): 2006/05/16
Select CONVERT(varchar(100), GETDATE(), 112): 20060516
Select CONVERT(varchar(100), GETDATE(), 113): 16 05 2006 10:57:49:513
Select CONVERT(varchar(100), GETDATE(), 114): 10:57:49:547
Select CONVERT(varchar(100), GETDATE(), 120): 2006-05-16 10:57:49
Select CONVERT(varchar(100), GETDATE(), 121): 2006-05-16 10:57:49.700
Select CONVERT(varchar(100), GETDATE(), 126): 2006-05-16T10:57:49.827
Select CONVERT(varchar(100), GETDATE(), 130): 18 ???? ?????? 1427 10:57:49:907AM
Select CONVERT(varchar(100), GETDATE(), 131): 18/04/1427 10:57:49:920AM
Group by 是SQL Server 中常用的一种语法,语法如下:
[ GROUP BY [ ALL ] group_by_expression [ ,...n ]
[ WITH { CUBE | ROLLUP } ]
]
1、最常用的就是这种语法,如下:
Select CategoryID, AVG(UnitPrice), COUNT(UnitPrice)
FROM dbo.Products Where UnitPrice > 30
GROUP BY CategoryID
ORDER BY CategoryID DESC
这个语句查询出,所有产品分类的产品平均单价,单价计数。并且单价在 30 以上的记录。
2、再看看这种语法,如下:
Select CategoryID, AVG(DISTINCT UnitPrice), COUNT(DISTINCT UnitPrice)
FROM dbo.Products Where UnitPrice > 30
GROUP BY CategoryID
ORDER BY CategoryID DESC
使用 DISTINCT 的时候,将会去除重复的价格平均单价。
3、如果希望在分类统计之后,再使用条件过滤,下面的语句可以做为参数:Select CategoryID, SUM(UnitPrice) AS SumPrice
FROM dbo.Products
GROUP BY CategoryID
HAVING SUM(UnitPrice) > 300HAVING 与 Where 语句类似,Where 是在分类之前过滤,而 HAVING 是在分类之后过滤。
它和 Where 一样使用 AND、OR、NOT、LIKE 组合使用。
4、如果希望再在分类统计中,添加汇总行,可以使用以下语句:
Select CategoryID, SUM(UnitPrice), GROUPING(CategoryID) AS 'Grouping'
FROM dbo.Products
GROUP BY CategoryID WITH ROLLUP
Grouping 这一列用于标识出哪一行是汇总行。
它使用 ROLLUP 操作添加汇总行。
5、如果使用 WITH CUBE 将会产生一个多维分类数据集,如下:
Select CategoryID, SupplierID, SUM(UnitPrice) AS SumPrice
FROM dbo.Products
GROUP BY CategoryID, SupplierID WITH CUBE
它会产生一个交叉表,产生所有可能的组合汇总。
6、使用 ROLLUP CUBE 会产生一个 NULL 空值,可以使用以下语法解决,如下:
Select CASE WHEN (GROUPING(SupplierID) = 1) THEN '-1'
ELSE SupplierID
END AS SupplierID,
SUM(UnitPrice) AS QtySum
FROM dbo.Products
GROUP BY SupplierID WITH CUBE它首先检查当前行是否为汇总行,如果是就可以设置一个值,这里设置为 '-1' 。