网页渐变效果
用IE进出小博时有种渐变效果,这两天连续有同学问到这个问题,我就顺便介绍一下,免得我每次都要贴代码解释,虽然我很喜欢解释,我喜欢别人从我这里获得满足感。
在meta标签里用 blendTrans 和 RevealTrans 这两种滤镜可以产生渐变效果。滤镜嘛,IE专用,所以其他浏览器现在都可以回家吃饭去了。把下面其中一段代码放到网页的<body>和</body>之间,WordPress的话放 header.php 就好:
No.1
<meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.2)"> </meta>
No.2
<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
其中,Page-Enter和Page-Exit分别表示进入和离开网页。用No.2的同学把x和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种随机选择一种
我比较低调,所以用的是No.1
感兴趣的同学可以回去自己试试No.2的效果。
PS:
今天把顶部的面板去掉了,原因是我觉得它有些影响整体的美观。呃,和功能相比,我更加重视外观。而且貌似除了我之外,几乎没人会用到那个地方。
去掉面板之后把订阅按钮安排在了导航栏的右侧,正宗的E7的订阅图标位置,呵呵。没订阅的同学可以顺便点点
PS1:
最近增加了两个页面,不知道有同学发现没有,Joke 和 Video。
Joke,其实是安装的另外一个WordPress,新的模板,用来收集一些好玩儿的文字,成人内容居多,小朋友请自行绕道。
Video,是我的视频收集页面,一些只看一遍觉得不过瘾的视频。
PS2:
应该也同学有这样的感受,时不时会有人来问“你这里、这里和这里怎么实现的啊”之类的问题。我是一个小小菜鸟,不懂什么php、js,甚至连css、html都没真正学过。可恨的是,我对别人的新奇功能还特别感兴趣,这时我会首先翻翻他的文章,看看有没有相关的介绍教程,或者查看下他js、css,找点相关线索,实在没办法才会请教。
从上篇文章列出我的使用的插件后,加上我陆陆续续介绍过的功能,现在我的博客已经没有秘密了。另外如果你对这个主题的功能感兴趣的话,请参考iNove,如果你喜欢它的外观的话,请移步E7
当然了,有问题还可以随时问我,只要我知道的,保证也会让你知道。话说,我喜欢别人从我这里获得满足感。
呃,其实这篇文章好水。

抢了沙发再看。
这个文章把你博客最后一层纱也揭开了啊
@MuMu'S
我这儿沙发不用抢
@MuMu'S
应该是了 以后就不折腾这些了
我回家吃饭了。。
顺便去看看joke
@Louis Han
对了 我好几天没更新了 更新几条去
我也加了这个效果,遗憾的是FF不支持滤镜。。。
我用的也是. FF好像要用js
@万戈
这个也就玩玩儿而已 没什么实际用途,呵呵。
@超人
嗯 js还是算了,对吧
呵呵,没用过,有机会一定试试~~
@wuleilei
还以为你们技术人员超级不屑于这种……
我很羡慕你啊
以前加过......好像只有IE下有效..............
我用IE6没看出效果……你那个PS2里面的joke和video挺有意思的
你主题已经玩得很好了,
话说我很久没折腾wp了
IE终于强大的一次~
好多的PS,因为热心~
试试去
@accecc
也没什么
@久酷
是的,IE下才行,其他浏览器回家吃饭去了
@feicun
IE6应该也没什么问题呀。可能是我设的时间比较短,也可能你的IE6抽风了,换IE8吧
@A.shun
我比较无聊,经常会突然看哪儿不顺眼,然后就不改不行,呵呵。我以后也不折腾wp了,差不多了。
@左岸读书
呵呵 其实如果不是想说PS里的内容,这篇文章我也就不会写了
@canaan
嗯 虽然只有IE下有效果,不过还是能给看到的同学一些惊喜的, 用IE的还是挺多的
我的IE 6不是为了用的,是为了做测试用的……
@feicun
噢 我用的IETester来测试效果,也还可以 基本能模拟出IE6来
whisperer 的精神很伟大。。
话说 我那也折腾差不多了。
噢,对了 现在还有你右下角的那个返回顶部的三角。。。。。
这个能说下么
@游侠
哈哈。这就伟大了
嗯,右下角就是iNove普通的返回顶部,css控制一下位置就可以了
http://www.whisperer.name/2009/09/improve-the-google-custom-search-results-of-inove/comment-page-1/#comment-694
你怎么不留链接?
@whisperer
只顾打字忘记留链接了。。 哈哈
这就去折腾下。。
@whisperer
右下角的那个图片共享下吧
@游侠
你可以右键保存啊。。
嗯。IE的滤镜实在是令人兴奋,不过相当占系统资源学习一下可以不可常用。
看着IE外的浏览器没有效果。
效果虽然很好,但是很不实用啊。
既然我问过这个问题,现在就来顶一下。其实当初在学html的时候有接触过这种淡入淡出的代码,可现在就感觉你这里的效果不一样,呵呵。加上现在使用WP,什么都插件,X啊X的,插晕了还以为这种效果也是用了什么插件,病根啊!
不怎么用IE,没看到效果
服务器终于转移完成,网站也可正常访问了!
怕怕,我怕折腾!!好高深!
我懒到看都不想看代码。为什么呢现在我成这样了!
@keelii
嗯 我基本不用,也就是这儿用了下,影响不大~
@SMILE
这是为什么呐
@菠萝
保证不会有效果
@an9
效果很好就够了 本来就是额外的特效,当然没什么实用价值,不过对用IE的同学来说,用户体验非常不错。
@Mr.坏
对 现在插件实在是太多了 各种功能, 有人统计过wp的插件数量么?在wordpress.org上提交的就已经将近7,000了。
@sleepy
其实我感觉IE的滤镜是一个很不错的东西诶,如果能开发出其他浏览器也支持的类似功能就好了。
@小新说
嗯 正常访问了 快更新呐
@joe
我不看还可以
没什么高深的,你这样的技术流,不看代码怎么行
其实我对你博客的渐变效果一直都很感兴趣的. 没问而已. 没想到你放了出来. 哈哈.
@Lc.
哈哈 我的博客高清无码了现在
这个效果不错,等需要的时候也弄一个
我用优智的北京四线主机,安装WordPress时就没收到注册邮件,现在评论也收不到邮件。。。。晕了。。。。mail to commmenter 也没用,但是这个插件后台有个测试发送却可以
@lonelytraveler
测试一下你的。。。。
@lonelytraveler
我用的也是这个主机 没任何问题呀。
一直用的Foxfire~~没注意到啊~呵呵
@老饕
话说 fire不能在fox后面,不然烧着尾巴啦。
不错,果然很有效果。
@whisperer
。。。。果然,我没收到你的邮件。。。。原因我已找到,因为我用了QQ的域名邮箱。。。换个邮箱即可正常收到。。。
@whisperer
怎么会呢,只要是自己不懂得东西都会感兴趣,O(∩_∩)O~
@亦歌
这时候应该kiss下ie,呵呵
@lonelytraveler
QQ邮箱有时候能收到,有时候收不到,不知道为什么
@whisperer
呵呵,今天我让同学Mail给我了,已经用上了,嘿嘿,不过还是谢谢你哈·~~~~~~