css滤镜
/**
* 給結點添加濾鏡
* 1.filterStyle形式:滤镜名称及其后的部分
* 2.Alpha 滤镜:ALPHA(opacity=opacity,finishopacity=finishopacity,style=style,startx=startx, starty=starty,finishx=finishx,finishy=finishy)}--透明
* 3.Blur 滤镜:Blur(add=add,direction=direction,strength=strength)--模糊
* 4.FlipH 滤镜:FlipH--水平翻转
* 5.FlipV 滤镜: FlipV--垂直翻转
* 6.Chroma 滤镜:Chroma(color=color)--指定颜色透明
* 7.DropShadow 滤镜:Dropshadow(color=color,offx=ofx,offy=offy,positive=positive)--阴影
* 8.Glow 滤镜:Glow(color=color,strength)--边缘发光
* 9.Gray 滤镜:Gray--把图片变成灰色
* 10.Invert 滤镜:Invert--可视化属性全部翻转
* 11.Xray 滤镜:Xray--“X”光片
* 12.Light 滤镜:Light可以调用他的方法进行处理:
* 12-1.addAmbient(iRed,iGreen,iBlue,iStrength)--为滤镜添加环境光
* 12-2.changeColor (iLightNumber,iRed,iGreen,iBlue,fAbsolute)--改变光的颜色
* 12-3.AddCone 加入锥形光源
* 12-4.AddPoint 加入点光源
* 12-5.Changstrength 改变光源的强度
* 12-6.Clear 清除所有的光源
* 12-7.MoveLight 移动光源
* 13.Mask 滤镜:Mask(color=color)--建立覆盖于对象表面的膜
* 14.Shadow 滤镜:Shadow(color=color,direction=direction)--建立投影
* 15.Wave 滤镜:Wave(add=add,freq=freq,lightstrength=strength,phase=phase,strength=strength)--波形显示
*/
function addFilter(node, filterStyle){
if(!(node=$(node))){
return false;
}
node.style.filter=filterStyle;
}
相关文档:
一般而言,鼠标以斜向上的箭头显示,移到文本上时变为有头的竖线,移到超级链接上变为手型。但用css可控制鼠标的显示效果,如可使鼠标移到普通文本上也显示成手型。 用css控制的语法如下: span style="cursor:*"文本或其它页面元素/span 把 * 换成如下15个效果的一种:
一般而言,鼠标以斜向上的箭头显示,移到文本上 ......
自己总结的心得:
1:在css设计中,当图片不够宽时,这时可以考虑使用背景颜色(与该图片相似的颜色)来补充。
2,在css设计中,可以使用图片的背景色向网页的背景色过渡
如图:
具体参照《精通JavaScript+Jquery》3-20.html ......
当连续输入英语字符后,由于浏览器默认为一个单词,并不会换行处理,在IE6/IE7 中,我们可以添加css中的word-wrap 属性,实现自动换行。但是在IE8 版本中,该属性不支持。
我们可以采用判断浏览器版本后,使用JavaScript进行换行。
if ($.br ......
内联式样式表
定义:直接对html标签写样式,缺点:如果标签过多,需要写过多的样式
公式:style="样式属性:属性的值;样式属性:属性的值"
<p style="font-size:50px">aaaaaaaaa</p>
嵌入式样式表
特点:将公共的样式写在“head”部分里面的。缺点:如果加载样式的页面多,需要写重复内容。
公 ......
<html>
<body style="margin:0;">
<div>
<table style="width:100%;height:100%" cellpadding='0' cellspacing='0'>
<tr>
<td style="width:120px;background-color:Red">
  ......