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初学困境—js初学
Dec 29 Javascript
Mootools 1.2教程 输入过滤第一部分(数字)
Sep 15 Javascript
通过JS来判断页面控件是否获取焦点
Jan 03 Javascript
简介JavaScript中Math.cos()余弦方法的使用
Jun 15 Javascript
JavaScript获得指定对象大小的方法
Jul 01 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
浅谈vue.js中v-for循环渲染
Jul 26 Javascript
DVA框架统一处理所有页面的loading状态
Aug 25 Javascript
在Vue.js中使用Mixins的方法
Sep 12 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
Aug 01 Javascript
Vue项目数据动态过滤实践及实现思路
Sep 11 Javascript
处理JavaScript值为undefined的7个小技巧
Jul 28 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
利用PHP实现与ASP Banner组件相似的类
2006/10/09 PHP
PHP数据缓存技术
2007/02/14 PHP
PHP输入流php://input介绍
2012/09/18 PHP
php用正则判断是否为数字的方法
2016/03/25 PHP
Laravel5.1框架路由分组用法实例分析
2020/01/04 PHP
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
jquery 如何动态添加、删除class样式方法介绍
2012/11/07 Javascript
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
2013/01/27 Javascript
JS中 用户登录系统的解决办法
2013/04/15 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
简洁实用的BootStrap jQuery手风琴插件
2016/08/31 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
2017/01/10 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
vue之数据交互实例代码
2017/06/20 Javascript
微信JSAPI Ticket接口签名详解
2020/06/28 Javascript
js 实现ajax发送步骤过程详解
2019/07/25 Javascript
Python类的继承和多态代码详解
2017/12/27 Python
Python入门之后再看点什么好?
2018/03/05 Python
Python给定一个句子倒序输出单词以及字母的方法
2018/12/20 Python
python 获取图片分辨率的方法
2019/01/08 Python
Python实现FM算法解析
2019/06/18 Python
对Python中画图时候的线类型详解
2019/07/07 Python
CSS3 animation实现简易幻灯片轮播特效
2016/09/27 HTML / CSS
荷兰时尚精品店:Labels Fashion
2020/03/22 全球购物
宝信软件JAVA工程师面试经历
2012/08/19 面试题
关键字final的用法
2013/10/02 面试题
制作部班长职位说明书
2014/02/26 职场文书
《陈涉世家》教学反思
2014/04/12 职场文书
货物运输服务质量承诺书
2014/05/29 职场文书
软环境建设心得体会
2014/09/09 职场文书
农村文化建设标语
2014/10/07 职场文书
2015年公司新年寄语
2014/12/08 职场文书
社会实践单位意见
2015/06/05 职场文书
员工规章制度范本
2015/08/07 职场文书
铁拳制作人赞《铁拳7》老头环Mod:制作精良 但别弄了
2022/04/03 其他游戏