<html>
<head>
<title>页面加载loading</title>
<script src="http://code.hs-cn.com/jquery/jquery-1.3.1.min.js" language="javascript" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
document.write('<div id=loadDiv >' + '页面正在载入,请等待<span id=loading></span></div>');
var setInterval1 = setInterval("loading.innerText +='.'", 300);
var setInterval2 = setInterval("loading.innerText = ''", 15000);
$(function() {
$("#hiddenDiv").css("display", "");
$("#loadDiv").css("display", "none");
clearInterval(setInterval1);
clearInterval(setInterval2);
})
</script>
</head>
<body>
<div id="hiddenDiv" style="display: none"> <img src="http://www.goofb.cn/uploads/201104/1303584288ZDBdFH2c.jpg"> <img src="http://www.goofb.cn/uploads/201104/13035844000BxHYbSv.jpg"> <img src="http://www.goofb.cn/uploads/201104/1303584288ZDBdFH2c.jpg"> <img src="http://www.goofb.cn/uploads/201104/1303584288ZDBdFH2c.jpg"> <img src="http://www.goofb.cn/uploads/201104/1303584288ZDBdFH2c.jpg"> <img src="http://www.goofb.cn/uploads/201104/1303584288ZDBdFH2c.jpg">
<!-- 将你的网页所有内容都放在这个div之内即可 -->
</div>
</body>
</html>
页面加载等待效果1
最新推荐文章于 2022-12-06 17:58:57 发布