网页切换淡入淡出效果代码

网页切换一般单调又死板,有些网友注意到我的网站网页切换时是有淡入淡出效果的,即使用下面的溶解特效代码,让你博客焕然一新(注:此代码的效果可能只有在ie内核浏览器下才能正常显示,在此感谢containworth对此代码提供的测试结果):

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


[说明]:
1.(以下方法为jimdo网站编辑方法)在编辑状态下,点击设置,点击“head部分”,把以上代码输入即可。
2.第一段<meta HTTP-EQUIV="Page-Enter">是进入新页面特效.

第二段<meta HTTP-EQUIV="Page-Exit">是退出旧页面特效.
3.duration控制切换时间,单位为秒.

PS:附各种切换效果,格式如下:

<meta HTTP-EQUIV="Page-Enter" CONTENT="revealtrans(duration=6.0, transition=23)">
<meta HTTP-EQUIV="Page-Exit" CONTENT="revealtrans(duration=6.0, transition=23)">

想要看效果,在编辑状况下是不可见的,点击页面低端“登出”旁边的“预览”,即可观看效果,然后按个人喜好修改。
duration控制切换时间,单位为秒.transition控制切换方式,可以选择0-23中任意一个数字,以下:

transition=0 矩形从大至小 transition=12 随机溶解
transition=1 矩形从小至大 transition=13 从上下向中间展开
transition=2 圆形从大至小 transition=14 从中间向上下展开
transition=3 圆形从小至大 transition=15 从两边向中间展开
transition=4 向上推开 transition=16 从中间向两边展开
transition=5 向下推开 transition=17 从右上向左下展开
transition=6 向右推开 transition=18 从右下向左上展开
transition=7 向左推开 transition=19 从左上向右下展开
transition=8 垂直形百叶窗 transition=20 从左下向右上展开
transition=9 水平形百叶窗 transition=21 随机水平细纹
transition=10 水平棋盘 transition=22 随机垂直细纹
transition=11 垂直棋盘 transition=23 随机选取一种特效

Write a comment

Comments: 13
  • #1

    互联网ZBLOG的文史探秘 (Saturday, 28 November 2009 21:03)

    一直打不开你的博客,不知怎么回事?现在来就打开了,很快滴!
    看你20号至今,今天补了很多贴,加油!
    你的这个渐变效果不错,准备试一下。
    另,我的博客标题换了,请指导一下!

  • #2

    互联网ZBLOG的文史探秘 (Saturday, 28 November 2009 21:08)

    这些代码放在哪些文件里呀?汗^_^

  • #3

    诸葛草帽 (Saturday, 28 November 2009 21:08)

    回复互联网ZBLOG的文史探秘:因为近几天网站服务器出现故障,所以打不开,呵呵,我这几天也闷坏了。

  • #4

    诸葛草帽 (Saturday, 28 November 2009 21:20)

    回复互联网ZBLOG的文史探秘:因为我的网站靠是jimdo自助建站建立起来的,代码是加在<head>部分内的

  • #5

    containworth (Saturday, 28 November 2009 22:00)

    谢谢诸葛草帽,学习了!

  • #6

    诸葛草帽 (Saturday, 28 November 2009 22:02)

    回复containworth:不客气,感谢支持,欢迎常来!

  • #7

    containworth (Saturday, 28 November 2009 22:15)

    这个效果似乎只能在IE内核的浏览器下显现出来……

  • #8

    诸葛草帽 (Saturday, 28 November 2009 22:21)

    回复containworth:可能,我用360浏览器和ie8,还真没有发现这个,呵呵,改天用谷歌浏览器和其他的试试

  • #9

    containworth (Saturday, 28 November 2009 22:37)

    谷歌浏览器,傲游浏览器已经证明无效,而且我的页面在遨游下面竟然变形了……

  • #10

    containworth (Saturday, 28 November 2009 22:47)

    火狐也无效,也有页面变形

  • #11

    诸葛草帽 (Saturday, 28 November 2009 22:49)

    回复containworth:我马上安装其他浏览器试试看

  • #12

    诸葛草帽 (Saturday, 28 November 2009 22:52)

    回复containworth:的确没有淡入淡出效果了,但是并没有出现变形啊,没想到竟然会这样,那真是不好意思了,我马上修改文章

  • #13

    Lee Dowless (Tuesday, 24 January 2017 16:46)


    Greetings! This is my 1st comment here so I just wanted to give a quick shout out and say I truly enjoy reading through your posts. Can you suggest any other blogs/websites/forums that deal with the same topics? Thanks a lot!