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

分类: 代码如诗 | 作者: bobsheep | 发表于 2010/02/26 7条评论 514 views


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实现图片效果”恰恰相反…

» 本文链接地址:http://www.veryfar.com/using-css-to-achieve-the-page-fades.html » 英雄不问来路,转载请注明出处,谢谢。
» 您也可以订阅本站:RSS 2.0

Tag:
目前盖楼 (7)层:
  1. reizhi 说道:

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

  2. 西服 说道:

    写的不错,支持

  3. 归臧 说道:

    嘿嘿~这个我喜欢~试试

发表评论 »

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

« »

无觅相关文章插件,快速提升流量