经典的图片切换效果

• css 滤镜 ： Pixelate

  Pixelate兼容性：IE5.5+

  语法：

  filter : progid:DXImageTransform.Microsoft.Pixelate ( enabled=bEnabled , duration=fDuration , maxSquare=iWidth )

  属性

  enabled :　 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true false true :　 默认值。滤镜激活。
  false :　 滤镜被禁止。
  
  duration :　 可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。
  你可以使用 play 方法的 iDuration 参数设置转换回放的持续时间。然而，当你一旦调用了 play 方法，在回放持续过程中 Duration 特性就变为只读特性。
  maxSquare :　 可选项。整数值(Integer)。设置或检索转换中矩形色块的最大宽度。取值范围为 2 - 50 。默认值为 50 。
  
  特性：

  Enabled :　 可读写。布尔值(Boolean)。参阅 enabled 属性。
  Duration :　 可读写。浮点数(Real)。参阅 duration 属性。
  MaxSquare :　 可读写。整数值(Integer)。参阅 maxSquare 属性。
  Percent :　 可读写。字符串(String)。设置或检索当前静态滤镜输出在转换进程中所处的点。取值范围为 0 - 100 。默认值为 0 ，转换尚未开始。 100 为转换完成。
  此特性可用于使用转换滤镜建立静态滤镜效果。设置其值等于定义了转换进程停止的点。使用转换滤镜建立静态滤镜效果可遵循以下步骤：
  使用转换滤镜的 apply 方法。这将捕获对象内容的初始显示，设置 Percent 特性值为 0 。
  改变对象内容。如 visibility ， innerText ， background-color ， border ，或者其子对象的属性。
  设置转换滤镜的 Percent 特性。即确定你希望的转换进程中某一点。这将捕获到转换进程中在该点处的一张内容图像。
  设置转换滤镜的 Enabled 特性值为 true 。则滤镜作用的对象将依据获取到的图像更新其内容。
  请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。
  status :　 只读。整数值(Integer)。检索转换的当前状态。0 1 2 0 :　 转换停止(stop)。
  1 :　 转换被应用(apply)。
  2 :　 转换在进行(play)。

  方法：

  apply :　 捕获对象内容的初始显示，为转换做必要的准备。无返回值。
  当此方法一旦被调用后，对象属性的任何改变都不会被显示，直到你调用 play 方法开始转换。
  请注意：你只能使用 visibility 属性来改变对象的子对象。否则，对子对象的直接改变会被立即显示出来，而不会被转换滤镜捕获。
  当你调用 play 方法时，转换呈现出内容的变化结果(对象的属性和子对象的 visibility 属性的改变)。
  play ( iDuration ) :　 开始转换。无返回值。参数见下表。
  iDuration :　 可选项。浮点数(Real)。 指定滤镜作用持续的时间。默认单位为秒。
  使用 play 方法的 iDuration 参数设置转换回放的持续时间，其值在转换的当前一个周期内会替换 Duration 属性的设置。但是下一次转换会恢复使用 Duration 属性设置的值。

  stop :　 停止转换回放。并呈现转换结果图像。同时激发 onfilterchange 事件。无返回值。

  说明：

  这个转换滤镜是一个复杂的视觉效果。在转换的前半段，对象内容先显示为矩形色块拼贴，然后矩形的宽度由一个像素增加至 MaxSquare 属性所设置的值。每个矩形的颜色由其所覆盖区域的像素的颜色平均值决定。接下来的转换的后半段，矩形被还原为新内容具体的图像像素，显示出新的内容。
  

• [1] [2] [3] [4] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 经典的图片切换效果 相关文章：
• ·把网页保存为图片 换种方式收集有用资料
• ·Windows Vista中如何自定义语言栏图标
• ·精致可爱的圣诞节主题图标作品欣赏
• ·Illustrator绘制精美三维图表实例
• ·在IE浏览器中正确显示PNG透明图片
• ·Photoshop教程 图层样式的学习
• ·Photoshop图像合成教程:艺术化普通照片
• ·免费绘图软件Paint.NET推出3.2正式版
• ·Photoshop扣图实例:用通道扣复杂图像
• ·Photoshop批处理快速制作同尺寸图片
• 经典的图片切换效果 相关软件
• ·《冰封王座》地图:宝石TD v3.1 简繁
• ·《冰封王座》地图：CLJ-天地三国3C+AI-V1.6版
• ·《冰封王座》地图：黑客帝国 4.0 汉化
• ·《冰封王座》地图：微雨传奇 1.7
• ·《冰封王座》地图：天变轩辕--历史重演
• ·《冰封王座》地图：真三国无双v4.3C2 简繁
• ·《冰封王座》地图：通灵王外传-叶王的复仇V1.4
• ·《冰封王座》地图：老阴传奇2赤壁之战V1.25版
• ·《冰封王座》地图:三国志-霸王大陆1.2版
• ·《冰封王座》地图：决战三国3C+AI V1.67完美版

上一篇:js版幻灯片效果

下一篇:jscript/javascript条件编译

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐