利用CSS实现网页的淡入淡出效果

2010年2月26日 | 分类: 代码如诗 | 标签: , ,

css

在试用blogbus的一些模板的时候,发现其中一些有渐入渐出的过渡效果,挺感兴趣的,于是找了一下,发现原来是利用CSS的blendTrans滤镜实现的,今天想起来这个东西,于是放到wordpress上尝试一下,应用成功~ 语句如下

<meta http-equiv="Page-Enter" content="RevealTrans(Duration=m,Transition=n)">
<meta http-equiv="Page-Exit" content="RevealTrans(Duration=m,Transition=n)">

这两段语句一次依次实现页面的进入和退出效果,其中m代表变换时间,n 代表所使用的滤镜,你可以在下面的列表中选择你喜欢的效果:

xiaoguo

使用方法:

要让网页实现这个效果,要在后台修改header.php文件,具体为后台-外观-编辑-头部 (header.php),除了这个,还可以进入空间的CP(CPanel)和DA(DirectAdmin)面板进行设置。

打开header.php文件,将自己根据上表修改好的代码粘贴到合适的位置,保存即可。保存完毕,即可回到自己的页面,感受一下淡入淡出的过渡效果了。

WP后台没有保存按钮的话,需要在控制面板将文件权限设置为777~

注意:此效果只支持IE,FF无效,和之前的“通过html实现图片效果”恰恰相反…

分享到新浪微博
  1. 2010年2月26日20:54

    这个效果个人不是很喜欢,所以还是不加了

  2. 2010年2月27日10:47

    写的不错,支持

    • 2010年2月27日10:54

      谢谢~看域名和西服还以为是“西部服务”呢,没想到真的是西服..

  3. 2010年3月5日03:13

    嘿嘿~这个我喜欢~试试

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: