网页渐变效果

40,494

用IE进出小博时有种渐变效果，这两天连续有同学问到这个问题，我就顺便介绍一下，免得我每次都要贴代码解释，虽然我很喜欢解释，我喜欢别人从我这里获得满足感。 😉
在meta标签里用 blendTrans 和 RevealTrans 这两种滤镜可以产生渐变效果。滤镜嘛，IE专用，所以其他浏览器现在都可以回家吃饭去了。把下面其中一段代码放到网页的<body>和</body>之间，WordPress的话放 header.php 就好:
No.1

<meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.2)"></meta>
<meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.2)"> </meta>

No.2

<Meta http-equiv="Page-Enter" Content="revealTrans(duration=x, transition=y)">
<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  😛
当然了，有问题还可以随时问我，只要我知道的，保证也会让你知道。话说，我喜欢别人从我这里获得满足感。
 
呃，其实这篇文章好水。

61条评论

  1. 游侠

    whisperer 的精神很伟大。。 😆
    话说 我那也折腾差不多了。

  2. 游侠

    噢，对了 现在还有你右下角的那个返回顶部的三角。。。。。
    这个能说下么 😀


  4. @whisperer
    只顾打字忘记留链接了。。 哈哈
    这就去折腾下。。 😀


  7. 😈 保存的不是图片。。。是个txt文本。。。


  8. 嗯。IE的滤镜实在是令人兴奋，不过相当占系统资源学习一下可以不可常用。


  9. 😆 我不问你什么，只要你把FTP账号密码告诉我就可以


  10. 看着IE外的浏览器没有效果。


  11. 效果虽然很好，但是很不实用啊。


  12. 既然我问过这个问题，现在就来顶一下。其实当初在学html的时候有接触过这种淡入淡出的代码，可现在就感觉你这里的效果不一样，呵呵。加上现在使用WP，什么都插件，X啊X的，插晕了还以为这种效果也是用了什么插件，病根啊！


  13. 不怎么用IE,没看到效果


  14. 服务器终于转移完成，网站也可正常访问了！ 😐


  15. 怕怕，我怕折腾！！好高深！ 😮


  16. 我懒到看都不想看代码。为什么呢现在我成这样了！ 😡

  17. Mod

    @keelii
    嗯 我基本不用，也就是这儿用了下，影响不大~ 😀
    @SMILE
    这是为什么呐 😮
    @菠萝
    保证不会有效果 😛
    @an9
    效果很好就够了 本来就是额外的特效，当然没什么实用价值，不过对用IE的同学来说，用户体验非常不错。
    @Mr.坏
    对 现在插件实在是太多了 各种功能， 有人统计过wp的插件数量么？在wordpress.org上提交的就已经将近7,000了。
    @sleepy
    其实我感觉IE的滤镜是一个很不错的东西诶，如果能开发出其他浏览器也支持的类似功能就好了。
    @小新说
    嗯 正常访问了 快更新呐 😉
    @joe
    没什么高深的，你这样的技术流，不看代码怎么行 😆 我不看还可以 👿


  18. 其实我对你博客的渐变效果一直都很感兴趣的. 没问而已. 没想到你放了出来. 哈哈. 😉

  19. Mod

    @Lc.
    哈哈 我的博客高清无码了现在


  20. 这个效果不错，等需要的时候也弄一个

Comments are closed.