首先来看效果:
你随便点击本站其它一个链接,可以是文章,顶部链接(不要点“多多搜索”,因为它不属于博客),侧边链接,你就会看到一个渐变的效果。
其次来看做法
如果你喜欢这个特效,那么就来看具体的做法了。做法其实很简单。打开你博客根目录下的head.asp,找到
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
在它后面加上两句话
<META http-equiv=Page-Enter content=blendTrans(Duration=0.5)>
<META http-equiv=Page-Exit content=blendTrans(Duration=0.5)>
保存后上传到你的网站上就好了。
最后来看一下原理
Page-Enter、Page-Exit是页面被载入和调出时的一些特效的根本原理。
用法嘛,其实不仅适用于pjblog,任何网页在头部<head></head>间加入
<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
都可以实现像凯特猫-博闻天下中那样的效果
当然还有更多可以用的页面加载,页面退出的特效,javascript提供了丰富的功能
blendTrans是动态滤镜的一种,产生渐隐效果。
另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:
<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
Duration 表示滤镜特效的持续时间(单位:秒)
Transition 滤镜类型。表示使用哪种特效,取值为0-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 以上22种随机选择一种
个人认为加
<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
这两句就够了,搞的太花哨也不好,可能让用户产生反感情绪哦。要慎重,当然你也可以试用一下。
本文可转载,但请注明转自凯特猫-博闻天下
本文地址:http://www.ketcat.com/blog/article.asp?id=212











