With Microsoft Internet Explorer 4.0 and above, you can apply various multimedia-style visual effects to your Web page. You can implement these effects in Web pages using Cascading Style Sheets (CSS) properties. By combining filters and transitions with basic scripting, you have a powerful tool for creating visually engaging and interactive documents. Internet Explorer 5.5 and above supports the richest variety of optimized filters. Most examples in this article require that you have Internet Explorer 5.5 installed. This article includes the following sections, which explain how to use filters and transitions to add visual effects to your Web page.

This time we play with wipe filter of Internet Exploper. You can find a sample in the attached zip file. Have fun!

Reference URL: http://msdn.microsoft.com/en-us/library/ms532847(VS.85).aspx

Chinese explanations:

Wipe 滤镜参数说明
参数说明
duration设置或获取转换完成所用的时间
gradientSize设置或获取对象内容被梯度渐隐条覆盖的百分比，取值范围从 0.0 至 1.0 ，默认为 0.25
motion设置或获取对象内容出现的方向是依据 WipeStyle 特性的设定，还是取反，可选值：reverse 或 forward
Percent设置或获取当前静态滤镜输出在转换进程中所处的点
status返回转换的当前状态，仅用于脚本中
wipeStyle设置或获取转换是在水平方向上自左至右还是在垂直方向上自上至下

This article is extended from YW’s study note.

picture-switch-based-on-wipe-filter.zip