Sorry. 请您稍等,正在加载/Loading...

页面加载转换效果

更新:我把这个效果从这个Blog里去除了,效果自己加上试一试吧,反正很简单。很Cool哦

在IE下有效,FX(好像我见到的大多数人都习惯称之为FF)下只能看到加载效果。转换滤镜不起作用。Gecko 的浏览器下面也可以看到。效果请在IE下打开这篇BLog的单独链接查看。很Cool~

没有效果要多试几次哦。这个效果要求新的页面在后台完全加载结束后才会进行转换,因此会觉得加载时间长一些。不过Blogspot还是蛮快的嘛

1.添加到<Head></head>区域,放在前面好了。

<meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" />
<meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" />

2.添加到</body>之前

<script language="JavaScript" type="text/javascript">
function loading(){
document.getElementById("loading").style.display="block";
}
window.onbeforeunload=loading;</script>
<div id="loading" style="position:absolute;top:300px;left:0px;width:100%;text-align:center;z-index:100;display:none;"><span style="background-">请稍候,页面正在加载... </span></div>

[请稍候,页面正在加载... ] 这里的文字可以随意更改!随你喜欢.

via s5s5


Power by WOW派™

0 评论:

相关文章