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;
}
相关文档:
请看下面一段代码:
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//定义了一个ID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//定义了一个类
</style>
<TITLE>中国</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT; ......
自己总结的心得:
1:在css设计中,当图片不够宽时,这时可以考虑使用背景颜色(与该图片相似的颜色)来补充。
2,在css设计中,可以使用图片的背景色向网页的背景色过渡
如图:
具体参照《精通JavaScript+Jquery》3-20.html ......
当连续输入英语字符后,由于浏览器默认为一个单词,并不会换行处理,在IE6/IE7 中,我们可以添加css中的word-wrap 属性,实现自动换行。但是在IE8 版本中,该属性不支持。
我们可以采用判断浏览器版本后,使用JavaScript进行换行。
if ($.br ......
第一种,是CSS HACK的方法
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
注意顺序。
这样也属于CSS HACK,不过没有上面这样简洁。
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
......
第二讲 div+css标准布局
优点:内容和样式分离
margin:外边距
举例:
.bianju{
margin-top:40cm;
margin-left:10cm;
margin-right:10cm;
margin-bottom:15cm;
}
或者写成:
.bianju{
margin:1cm 2cm 3cm 4cm; (左右上下)如果只写一个,是4边都是一个固定的值
margin:auto   ......