CSS滤镜87232.docVIP

CSS滤镜: 1. alpha属性（通道） 用于设定透明度，表达式如下： 　　filter：alpha（opacity=，finishopacity=，style=，startX=，startY=，finishX=） 其中opacity表示透明度等级，可选值从0100，0代表完全透明，100代表完全不透明。style参数制定透明区域形状特征。Blendtrans(duration=?) 其中duration表示效果持续时间，以秒为单位。 使用BlendTrans滤镜也和Revealtrans滤镜一样，需要借助于Javascript来调用它的方法来实现script language=JavaScript 　　!-- 　　// 获取数组记录数 　　function ImgArray(len) 　　{ 　　　this.length=len; 　　} 　　// 申明数组并给数组元素赋值，也就是把图片的相对路径保存起来，若是图片较多，可增加数组元素的个数， 　　// 我在这个例子中只用了三张图片，所以数组元素个数为“3。 　　ImgName=new ImgArray(3); 　　ImgName[0]=a_16.jpg; 　　// 在制作时要把这里的image/cssp2.jpg换成你的图片所在的路径和图片文件名； 　　ImgName[1]=a_14.jpg; 　　// 你在制作时要把这里的image/cssp3.jpg换成你的图片所在的路径和图片文件名； 　　ImgName[2]=a_09.jpg; 　　// 你在制作时要把这里的image/css p1.jpg换成你的图片所在的路径和图片文件名； 　　var i=1; 　　// 演示变换效果 　　function playImg() 　　{ 　　　if (i==2) 　　　{ i=0 ;} 　　　else 　　　{ i++; } 　　myimg.filters[0].apply(); // 这里的“myimg”是在网页中插入的图片　　myimg.src=ImgName[i]; // 当改变了插入的图片时，这里也要改变　　myimg.filters[0].play(); // 否则，程序在变换时。 　　// 设置演示时间，这里是以毫秒为单位的，所以“000是指每张图片的演示时间是秒钟　　// 滤镜中设置的转换时间值，这样当转换结束后还停留一段时间，让人看清楚图片。 　　mytimeout=setTimeout(playImg(),3000); 　　　} 　　-- 　　/script body onload=playImg() img src=a_09.jpg name=myimg width=215 height=149 class=a1 name=myimg / 3. RevealTrans属性(渐变效果)：为对象设置渐变播放效果，表达式如下： RevealTrans(Duration=?, Transition=?) 其中，Duration表示渐变持续时间，以秒为单位。Transition为可选项，整数值(Integer)，设置或检索转换所使用的方式。 0 :　 矩形收缩转换。 1 :　 矩形扩张转换。 2 :　 圆形收缩转换。 3 :　 圆形扩张转换。 4 :　 向上擦除。 5 :　 向下擦除。 6 :　 向右擦除。 7 :　 向左擦除。 8 :　 纵向百叶窗转换。 9 :　 横向百叶窗转换。 10 :　 国际象棋棋盘横向转换。 11 :　 国际象棋棋盘纵向转换。 12 :　 随机杂点干扰转换。 13 :　 左右关门效果转换。 14 :　 左右开门效果转换。 15 :　 上下关门效果转换。 16 :　 上下开门效果转换。 17 :　 从右上角到左下角的锯齿边覆盖效果转换。 18 :　 从右下角到左上角的锯齿边覆盖效果转换。 19 :　 从左上角到右下角的锯齿边覆盖效果转换。 20 :　 从左下角到右上角的锯齿边覆盖效果转换。 21 :　 随机横线条转换。 22 :　 随机竖线条转换。 23 :　 随机使用上面可能的值转换。 4. Chroma属性(透明色)说明：color：#rrggbb格式，任意。 例子：filter:Chroma(Color=#FFFFFF)(投射阴影)语法：STYLE=filter:DropShadow(Color=,OffX=？,OffY=？,Positive=？) 　　说明：Color:#rrggbb格式，任意。 　　Offx：X轴偏离值。 　　Offy：Y轴偏离值。 　　Positive：1例子：filter:DropShadow(Color=#6699CC,OffX=5,OffY