DIV标签中的过渡效果

DIV标签中的过渡效果

在载入新页面或离开旧页面时，可以用 meta 标签控制过渡效果，同样的，DIV（或表格）标签中也可以使用过渡效果。

脚本如下：

function gos(o,cur){
    o.innerHTML="此处显示的内容"

    str="这是网页过渡运用的ID中的测试"
    
    if(cur==undefined){
        //淡入淡出效果
        o.filters.blendTrans.duration=2
        o.filters.blendTrans.apply()
        o.innerHTML=str
        o.filters.blendTrans.play()
    }else{
                                //普通效果
        o.filters.revealTrans.duration=2
        o.filters.revealTrans.Transition=cur
        o.filters.revealTrans.apply()
        o.innerHTML=str
        o.filters.revealTrans.play()
    }

}
</script>

函数说明：
gos(o,cur)
第一个参数是想要出现过渡效果的对象，如div
第二个参数 为 0 - 23
不传入第二个参数时，过渡效果为淡入淡出

在想出现过渡效果的对象中，加入下面的样式
style="FILTER:revealTrans(duration=2,transition=1) blendTrans(duration=2);"
如：<div id="ss" style="FILTER:revealTrans(duration=10,transition=1) blendTrans(duration=10);">此处显示的内容</div>

duration是过渡的时间,在revealTrans中控制一般过渡效果的过渡时间，在blendTrans中控制淡入淡出的过渡时间
也可以在脚本中控制时间：
o.filters.revealTrans.duration=2
o.filters.blendTrans.duration=2

posted on 2007-02-01 12:05 无极.net 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/circlesport/archive/2007/02/01/636768.html