z-blog文章页面幻灯片切换效果

原创 暗潮  2008-08-08 11:43:07  阅读 233 次 评论 -1 条
【版权声明】本站部分文章来自网络,欢迎转载本人原创文章、图片,请提供本博客中相应文章的链接。
请勿将原创图片、文章用于商业用途!对于给您带来的不便表示抱歉!!
本站所分享的影视作品均转自网络,仅供测试和学习交流。请在下载后24小时内删除,请购买/支持正版。
若有侵权,请留言告知,万分感谢!

以前在网上看的文章页面幻灯片切换效果的代码,在原来的模板用了一下效果不错,但是更新了模板以后却忘记了修改,今天看别人的叶子的时候又发现了这个效果,才想起来原来自己也是用过的,所以就复制过来分享一下,也给自己今后更新模板的时候留个参考吧!!
在博客选择的主题模板文件single.html里的<head></head> 之间添加以下代码:
<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=6.0, transition=23)">
<meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=6.0, transition=23)"> 
这里:
enterexit分别指在访问或离开时背景图片出现和消失的方式
duration是时间,transition是方式
一共有共24种效果:
0 盒状收缩 1 盒状放射 2 圆形收缩  3 圆形放射 4 由下往上 5 由上往下  6 从左至右 7 从右至左 8 垂直百叶窗  9 水平百叶窗 10 水平格状百叶窗 11垂直格状百叶窗  12 随意溶解 13从左右两端向中间展开 14从中间向左右两端展开 15从上下两端向中间展开 16从中间向上下两端展开 17 从右上角向左下角展开  18 从右下角向左上角展开 19 从左上角向右下角展开 20 从左下角向右上角展开   21 水平线状展开 22 垂直线状展开 23 随机产生一种过渡方式

本文地址:http://wu2007.cn/post/2008/212.html
版权声明:本文为原创文章,版权归 暗潮 所有,欢迎分享本文,转载请保留出处!
【版权声明】本站部分文章来自网络,欢迎转载本人原创文章、图片,请提供本博客中相应文章的链接。
请勿将原创图片、文章用于商业用途!对于给您带来的不便表示抱歉!!
本站所分享的影视作品均转自网络,仅供测试和学习交流。请在下载后24小时内删除,请购买/支持正版。
若有侵权,请留言告知,万分感谢!

评论已关闭!