• 技术文章 >web前端 >js教程

    filters.revealTrans.Transition使用方法小结_javascript技巧

    2016-05-16 18:21:11原创947
    下面首先来看下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 事件。无返回值。
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:revealTrans Transition
    上一篇:JQuery中each()的使用方法说明_jquery 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 一文浅析node中如何使用消息队列• 【翻译】使用自定义hooks对React组件进行重构• 一文详解Node中express的身份认证• Angular学习之聊聊生命周期• 一文带你了解node中的的模块系统
    1/1

    PHP中文网