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

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

分类:代码如诗 | 标签: | 771 views

7 条评论

  1. reizhi 说道:

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

  2. 西服 说道:

    写的不错,支持

  3. 归臧 说道:

    嘿嘿~这个我喜欢~试试

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

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