filters.revealTrans.Transition使用方法小结


Posted in Javascript onAugust 19, 2010

下面首先来看下RevealTrans的用法(可以同时打开当鼠标移动到链接,类似幻灯片效果出现提示,移开也一样这个页巩固下).

语法:
filter : progid:DXImageTransform.Microsoft.RevealTrans ( enabled=bEnabled , duration=fDuration , transition=iTransitionType )
示范:参考文章:
属性:
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。
false : 滤镜被禁止。

duration : 可选项。浮点数(Real)。设置或检索转换完成所用的时间。其值为秒.毫秒(0.0000)格式。
你可以使用 play 方法的 iDuration 参数设置转换回放的持续时间。然而,当你一旦调用了 play 方法,在回放持续过程中 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 : 随机使用上面可能的值转换。

特性:
Enabled : 可读写。布尔值(Boolean)。参阅 enabled 属性。
Duration : 可读写。浮点数(Real)。参阅 duration 属性。
Transition : 可读写。整数值(Integer)。参阅 transition 属性。
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 事件。无返回值。

Javascript 相关文章推荐
在Javascript中为String对象添加trim,ltrim,rtrim方法
Sep 22 Javascript
浅析jQuery的链式调用之each函数
Dec 03 Javascript
JavaScript中的console.trace()函数介绍
Dec 29 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
May 18 Javascript
JavaScript中用let语句声明作用域的用法讲解
May 20 Javascript
第二篇Bootstrap起步
Jun 21 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
jQuery实现最简单实用的分秒倒计时
Feb 05 Javascript
ztree实现权限横向显示功能
May 20 Javascript
微信小程序登录数据解密及状态维持实例详解
May 06 Javascript
layui实现三级联动效果
Jul 26 Javascript
node 版本切换的实现
Feb 02 Javascript
JS面向对象编程之对象使用分析
Aug 19 #Javascript
JavaScript中各种编码解码函数的区别和注意事项
Aug 19 #Javascript
jquery插件之easing使用
Aug 19 #Javascript
为Extjs加加速(javascript加速)
Aug 19 #Javascript
原创javascript小游戏实现代码
Aug 19 #Javascript
jQuery与ExtJS之选择实例分析
Aug 19 #Javascript
JQuery跨Iframe选择实现代码
Aug 19 #Javascript
You might like
农民C键的运用技巧
2020/03/04 星际争霸
php self,$this,const,static,->的使用
2009/10/22 PHP
php实现rc4加密算法代码
2012/04/25 PHP
C# WinForm中实现快捷键自定义设置实例
2015/01/23 PHP
WAMP环境中扩展oracle函数库(oci)
2015/06/26 PHP
php自定义时间转换函数示例
2016/12/07 PHP
PHP实现的数独求解问题示例
2017/04/18 PHP
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
Javascript根据指定下标或对象删除数组元素
2012/12/21 Javascript
Javascript获取HTML静态页面参数传递值示例
2013/08/18 Javascript
setInterval计时器不准的问题解决方法
2014/05/08 Javascript
jQuery修改class属性和CSS样式整理
2015/01/30 Javascript
JS函数this的用法实例分析
2015/02/05 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
基于Css3和JQuery实现打字机效果
2015/08/11 Javascript
jQuery的Ajax用户认证和注册技术实例教程(附demo源码)
2015/12/08 Javascript
JS实现动态表格的添加,修改,删除功能(推荐)
2016/06/15 Javascript
微信小程序 支付功能开发错误总结
2017/02/21 Javascript
基于vue组件实现猜数字游戏
2020/05/28 Javascript
Vue2.0 ES6语法降级ES5的操作
2020/10/30 Javascript
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
vue使用echarts图表自适应的几种解决方案
2020/12/04 Vue.js
python获取糗百图片代码实例
2013/12/18 Python
Python采集腾讯新闻实例
2014/07/10 Python
Python3中bytes类型转换为str类型
2018/09/27 Python
对Python 3.2 迭代器的next函数实例讲解
2018/10/18 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
如何使用html5与css3完成google涂鸦动画
2012/12/16 HTML / CSS
一些常用的HTML5模式(pattern) 总结
2015/07/14 HTML / CSS
活动总结报告格式
2014/05/09 职场文书
仲裁协议书
2014/09/26 职场文书
党的群众路线教育实践活动对照检查材料(四风)
2014/09/27 职场文书
教师自我剖析材料
2014/09/29 职场文书
井冈山红色之旅感想
2014/10/07 职场文书
党员干部学法用法心得体会
2016/01/21 职场文书
2019朋友新婚祝福语精选
2019/10/10 职场文书