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 相关文章推荐
node.js中的console.warn方法使用说明
Dec 09 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
Mar 26 Javascript
JQuery自动触发事件的方法
Jun 13 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
jQuery实现二级下拉菜单效果
Jan 05 Javascript
js 上传文件预览的简单实例
Aug 16 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
Dec 01 Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 Javascript
JavaScript实现按键精灵的原理分析
Feb 21 Javascript
4 种滚动吸顶实现方式的比较
Apr 09 Javascript
JavaScript简易计算器制作
Jan 17 Javascript
原生js生成图片验证码
Oct 11 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
ASP和PHP都是可以删除自身的
2007/04/09 PHP
一个基于PDO的数据库操作类(新) 一个PDO事务实例
2011/07/03 PHP
php ckeditor上传图片文件名乱码解决方法
2013/11/15 PHP
yii上传文件或图片实例
2014/04/01 PHP
Codeigniter上传图片出现“You did not select a file to upload”错误解决办法
2014/06/12 PHP
PHP中is_dir()函数使用指南
2015/05/08 PHP
Javascript开发包大全整理
2006/12/22 Javascript
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
分享14个很酷的jQuery导航菜单插件
2011/04/25 Javascript
精心挑选的15款优秀jQuery 本特效插件和教程
2012/08/06 Javascript
JS实现标签页效果(配合css)
2013/04/03 Javascript
javascript 终止函数执行操作
2014/02/14 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
基于jQuery实现点击弹出层实例代码
2016/01/01 Javascript
微信小程序实现全局搜索代码高亮的示例
2018/03/30 Javascript
修改Nodejs内置的npm默认配置路径方法
2018/05/13 NodeJs
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
Javascript ParentNode和ChildNode接口原理解析
2020/03/16 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
Python的装饰器用法学习笔记
2016/06/24 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
Python内置函数locals和globals对比
2020/04/28 Python
HTML5拖拽功能实现的拼图游戏
2018/07/31 HTML / CSS
马来西亚最热门的在线时尚商店:FashionValet
2018/11/11 全球购物
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
家庭教育先进个人事迹材料
2014/01/24 职场文书
大学生精神文明先进个人事迹材料
2014/05/02 职场文书
保险公司演讲稿
2014/09/02 职场文书
2015年元旦演讲稿
2014/09/12 职场文书
一年级数学上册复习计划
2015/01/17 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
2015入党自传格式范文
2015/06/26 职场文书
如何在Python中创建二叉树
2021/03/30 Python
iPhone13将有八大升级
2021/04/15 数码科技
利用JavaScript写一个简单计算器
2021/11/27 Javascript