博客 (830)

filter:filtername(parameters) 即 filter:滤镜名称(参数)
滤镜效果
功能描述
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坐标。
b.Blur 滤镜  用手指在一幅尚未干透的画面迅速划过时,画面就会变得模糊。”Blur"就是产生同样的模糊效果。

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代表投射阴影的颜色
offxX方向阴影的偏移量
offyY方向阴影的偏移量
Positive布尔值
如果为TRUE(非0),就为任何的非透明像素建立可见的投影
如果为FASLE(0),就为透明的像素部分建立透明效果

d.FlipH, FlipV 滤镜

  FlipH 滤镜实现水平反转
FlipH 滤镜语法
{filter:filph}

FlipV 滤镜实现垂直反转

FlipV 滤镜语法
{filter:filpv}
e.FlipH, FlipV 滤镜

  FlipH 滤镜实现水平反转
FlipH 滤镜语法
{filter:filph}

FlipV 滤镜实现垂直反转

FlipV 滤镜语法
{filter:filpv}
f.Glow 滤镜

  对一个对象使用"glow"属性后,这个对象的边缘就会产生类似发光的效果。

Glow 滤镜语法
{filter:glow(color=color,strength)}

参数含义如下:

参数
说明
Color指定发光的颜色
STRENGTH强度,值为1到255之间的任何整数,指定发光色力度和范围。
g.Gray ,Invert,Xray 滤镜

  使用Gray滤镜可以把一张图片变成灰度图,语法很简单:

Gray 滤镜语法
{filter:gray}
h.Gray ,Invert,Xray 滤镜

  使用Gray滤镜可以把一张图片变成灰度图,语法很简单:

Gray 滤镜语法
{filter:gray}
i.Mask 滤镜
Mask 滤镜语法
{filter:mask(color=color)}

使用"MASK"属性可以为对象建立一个覆盖于表面的膜,其效果就象戴着有色眼镜看物体一样 。
j.

Light 滤镜

Light 滤镜语法
{filter:light}

这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT"滤镜属性,那么就可以调用它的“方法(Method)"来设置或者改变属性。“LIGHT"可用的方法有:

参数
说明
AddAmbient加入包围的光源
AddCone加入锥形光源
AddPoint加入点光源
Changcolor改变光的颜色
Changstrength改变光源的强度
Clear清除所有的光源
MoveLight移动光源

k.Shadow 滤镜
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振幅大小

m.Gray ,Invert,Xray 滤镜

  使用Gray滤镜可以把一张图片变成灰度图,语法很简单:

Gray 滤镜语法
{filter:gray}
 
7,464

如何避免别人把你的网页放在框架中 <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;}就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。

xoyozo 18 年前
3,822
<script language="javascript">
setTimeout(document.getElementById("btn").disabled='false',5000);
</script>
<INPUT id=btn onclick="this.disabled=true" type="button" value="Button">
3,692

javascript:return confirm('你确认要删除吗?')


if(confirm('你确认要删除吗?')) {

    // 确定

} else {

    // 取消

}

xoyozo 18 年前
4,113

类型选择器:
例:
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 {...}

6,280

<noscript>
    <iframe src="*.htm"></iframe>
</noscript>
原理是,当浏览器保存该网页时会试图保存“*.html”这个文件,而“*”为特殊字符不允许存在于文件名中,因此保存失败。
4,361
css之FILTER:progid:DXImageTransform.Microsoft.Gradient使用

FILTER:progid:DXImageTransform.Microsoft.Gradient使用
语法:

filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)
属性:
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。  true | false
  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() ;}
具体使用
<table border=1 width=100%>
<tr>
<td STYLE="FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr='#ffffff',endColorStr='#ff0000')">&nbsp;</td>
</tr>
</table>
4,283

有时候,我们在调试 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 文件中的连接字符串

4,194

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
4,569

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) > 300
HAVING 与 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' 。
4,589