利用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 代表所使用的滤镜,你可以在下面的列表中选择你喜欢的效果:
使用方法:
要让网页实现这个效果,要在后台修改header.php文件,具体为后台-外观-编辑-头部 (header.php),除了这个,还可以进入空间的CP(CPanel)和DA(DirectAdmin)面板进行设置。
打开header.php文件,将自己根据上表修改好的代码粘贴到合适的位置,保存即可。保存完毕,即可回到自己的页面,感受一下淡入淡出的过渡效果了。
WP后台没有保存按钮的话,需要在控制面板将文件权限设置为777~
注意:此效果只支持IE,FF无效,和之前的“通过html实现图片效果”恰恰相反…
» 本文来自:Veryfar » 《利用CSS实现网页的淡入淡出效果》
» 本文链接地址:http://www.veryfar.com/using-css-to-achieve-the-page-fades.html » 英雄不问来路,转载请注明出处,谢谢。
» 有话想说:那就赶紧去给我留言吧.
» 您也可以订阅本站:RSS 2.0
目前盖楼 (7)层:
-
-
写的不错,支持
-
嘿嘿~这个我喜欢~试试
这个效果个人不是很喜欢,所以还是不加了