繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CMS技巧 > Zblog博客每个页面有切换特效的实现方法
- CMS技巧
- dede(织梦)CMS常见问题及解决方法
- 织梦内容管理系统(dede)模板标签代码参考
- 网站内容管理系统CMS在国内都有哪些？
- 建站选择CMS一定要谨慎
- 适合搜索优化(SEO)的几个CMS介绍
- 从SEO视角判断CMS系统的好坏
- 简单把Wordpress打造成CMS
- 帝国ecms教程:一些常用的技巧大全
- 帝国ecms:实现google的全站sitemap制作教程
- dedecms发布分页问题完全解决方案
- 使用织梦网站管理(DEDECMS)架设网站全面分析
- 百度、谷歌搜索引擎原理及新网站应对
- 织梦网站管理系统(DedeCms2007)将于11月底发布
- 关于blog系统中最合适做优化的程序
- 给zblog加上运行代码功能
- 修改z-blog分页页码样式
- 给z-blog博客添加链接点击统计
- LBS增加引用地址和永久地址点击复制功能
- LBS功能:图片的自适应实现代码
- ZBLOG增加文章里的关键字替换
CMS技巧 中的 Zblog博客每个页面有切换特效的实现方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-03 浏览: 29 ::
收藏到网摘: n/a
看到在博客里做的页面幻灯片一样的过渡效果，感觉不错；以前也在一个老朋友的博客中看到过那样的效果，就是不知道怎么来的，还以为是什么插件之类的，通过找资料了解了一下，原来就一句代码。今天把它摘录下来收藏，同时也提供给有需要的朋友。
本站只是在源代码中加入了两句：
1.溶解过渡代码
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=12)">
2.竖条状翻转过渡代码
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=8)">
具体操作方法：
在<head>与</head>之间加入如下语句：
<meta http-equiv=Page-Enter content=revealTrans(Duration=3,Transition=3)>，这是meta的页面过渡效果，并且有两种，一种为载入效果，即打开页面的时候的效果；另一种为退出效果，就是离开这个页面的效果。
载入效果：
<meta http-equiv=Page-Enter content=revealTrans(Duration=3,Transition=3)>
退出效果：
<meta http-equiv=Page-Exist content=revealTrans(Duration=3,Transition=23)>
其中，duration为页面切换的时间长度，3.000表示3秒钟，一般可以直接输入3便可，数字越大切换的时间越长。Transition为切换类型，总共有23种，效果对应如下：
0 矩形收缩；1 矩形扩散；2 圆形收缩；3 圆形扩散；4 从下到上；5 从上到下；6 从左到右；7 从右到左；8 百叶窗式纵向；9 百叶窗式横向；10 马赛克式左到右；11 马赛克式右到左；12 逐渐出现；13 两侧向中间；14 中间向两侧；15 上下向中间；16 中间向上下；17 右上向左下；18 右下向左上；19 左上右下；20 左下右上 21: 横条22: 竖条23: 以上某种随机效果。自己可以慢慢试选择出符合你页面风格的特效来。
本文原创，希望对有需要的朋友有一定的帮助！当然任何事物其实都有一定的两面性，有朋友反映加了这样的代码之后，网页之间跳转的速度好像有点慢；个人感觉速度和以前基本上差不多。
附：相关效果代码供参考
<meta http-equiv="Page-Enter" content="blendTrans(Duration=4.0)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=0)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=1)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=2)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=3)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=4)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=5)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=6)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=7)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=8)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=9)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=10)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=11)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=12)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=13)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=14)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=15)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=16)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=17)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=18)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=19)">
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=4,Transition=20)">
评论 (0) All
