RevealTrans滤镜特效小记

原创 2007年09月27日 16:05:00
今天无意发现一个人网站在页面转换之间很眩,所以就顺便看了一下他的页面,顺藤摸瓜,就找到了RevealTrans。既然它这么好玩,那就顺便学习一下,下面我就做一个学习总结。
    首先,它的功能是:使用预定义的24种效果之一来展示某物件新的内容。使用方法为:RevealTrans(duration=转换的秒数,transition=转换的类型),那么接下来给你介绍的就是它的24种效果。
                    css069.gif
它可以用在整个页面上,也可以用在页面的某一个物件上,如果用在页面上只需要在<head></head>之间写一行代码:
 
<META http-equiv='Page-Exit’ CONTENT='RevealTrans(Duration=0.5,Transition=23)'>

即可。在物件上的应用,我从msdn上找到了一个很好的例子,把代码贴在下面:
<html>
<head>
<SCRIPT>
function go() {
    oSpan.filters[
0].Apply();
    
if (oSpan.style.visibility == "visible"{
        oSpan.style.visibility 
= "hidden";
                oSpan.filters.revealTrans.transition
=0;
    }

    
else {
        oSpan.style.visibility 
= "visible";
                oSpan.filters[
0].transition=1;
    }

    oSpan.filters[
0].Play();
}

</SCRIPT>
</head>
<body>
<INPUT TYPE="BUTTON" VALUE="Play Transistion" onclick="go();" />
<SPAN  ID=oSpan STYLE="position:absolute; Visibility:visible;
        Filter:revealTrans(duration=1, transition=0);
        width:300; height:300; background-color: lightgreen;"
>
    
<CENTER style="background-color=red; height=100; width:100;
            position:relative; top:100"
>
    
</CENTER>
</SPAN>
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

图像滤镜特效(反色、浮雕、雕刻、怀旧、冰冻、暗调)(一)

图像滤镜特效(反色、浮雕、雕刻、怀旧、冰冻、暗调)VC++实现原理

OpenCV——PS滤镜, 碎片特效

// define head function #ifndef PS_ALGORITHM_H_INCLUDED #define PS_ALGORITHM_H_INCLUDED #include #...

图像特效---连环画滤镜

本文详细介绍了小时候我们记忆犹新的连环画特效的实现方法,并给出了完整DEMO源码下载连接,跟大家分享一下,希望大家喜欢!

滤镜之变形Distort特效

一些扭曲Distort特效也在滤镜中比较常见,而且如果在视频拍摄的时候使用则一般会比较有趣,如在Mac电脑上的PhotoBooth软件拍摄就有很多变形的Effect。这里介绍几种特效包括有:挤压(pi...

图像特效---(Instagram)1977滤镜

本文详细介绍了Instagram中1977滤镜效果的实现过程,并给出了一个完整DEMO的下载地址,跟大家 分享一下,希望大家喜欢!

JS图片滤镜 焦点图片自动切换显示效果丨芯晴网页特效

JS图片滤镜 焦点图片自动切换显示效果丨芯晴网页特效丨CsrCode.Cn .30pt{color:#ce288c;font-size:30pt}// 属性设置var E_strIFaderTrans...

图像特效---漫画滤镜

本文详细介绍了漫画滤镜的算法实现过程,并放上了完整C#程序 DEMO的下载地址,跟大家分享一下!

图像特效---Swirl滤镜

本文介绍了一款Swirl Filter的实现过程,并提供了完整DEMO的下载地址,跟大家分享!

滤镜之纹理Texture特效

很多图像或者视频上叠加上一些特定的纹理,那么这些纹理是怎么产生的呢?这里牵涉到一个叫做柏林噪声函数的概念,具体的可以参考: http://wenku.baidu.com/view/a6280c2bb...

图像特效---(Sketch Filter)素描滤镜

本文详细介绍了素描滤镜的实现过程,并放上了完整程序DEMO的下载连接,跟大家分享一下!
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)