一个常见的Loading特效（Js代码）
一个基于JavaScript完成的网页Loading效果，Loading用的好，可有效提升用户体验，不再让用户烦恼，本Loading主要依托的是Js技术来实现，如果你的JavaScript技术不错，你完全可以自己修改并完善这个Loading。
当前位置：编程学习 > JS >>
答案：<html>
<script language=JavaScript>
var load_line_i=1;
var load_line_n=500;
function load_n(txt)
{load_line_i+=400/load_line_n;
window.status="请等待..已完成"+Math.floor(load_line_i/4.00)+"%";
load_txt.innerText=txt+" "+Math.floor(load_line_i/4.00)+"%";
document.all("line").width=load_line_i;}
function finish(){
if(confirm("已经下载完成..关闭对话框吗?"))document.all("load").style.display='none';}
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>loading-网页版</title>
<style type="text/css">
<!--
body, td, div, table { font-size: 9pt}
#load{font-size: 9pt; cursor: default; position: absolute; display:block;width:402;height:20;top:expression((document.body.clientHeight-50)/2);left:expression((screen.width-400)/2); display: block; z-index:100;background:#EDECE9}
.px1{border: 1px solid black;}
-->
</style>
</head>
<body onload=finish()>
<div id=load>请稍候，载入中……
<div class=px1><img id=line src="px.gif" style="background:red" height=10></div>
<div id=load_txt>dd</div>
</div>
<!-因为这是个测试页,所以加了很多,效果更好一些，你可以再多加一些-->
<script>load_n("已完成:");</script>
<script>load_n("已完成:");</script>
<script>load_n("已完成:");</script>
<script>load_n("已完成:");</script>
<script>load_n("已完成:");</script>
</body>
</html>上一个：腾讯的JS前端面试题高人解答代码（1）
下一个：JS演示字符串的加密与解密
- 更多JS疑问解答：
- 几个验证11位手机号码格式的js代码
- js如何获得FCKeditor控件的值
- 用js限制投票的cookie .目前设置的为：<input type="" class="" onclick="'window.location...
- JS验证，这块“牛皮”反复修改都不能实现
- 在JS中使用DOM模型
- 如何用JS 获取本地文件夹的文件列表
- js中new 了两个Object数组。怎么样将数组内容合并，重复的内容？
- 求实现自动生成图片缩略图的JS代码
- JS脚本网页问题
- js，代码中"object"和"Object"区别？
- js+flash实现网页图片切换效果，出现边框，单击激活此控件。
- JS怎样操作PHP中的参数
- js 怎么在一打开页面就加载这个函数。
- Date.parse()的问题(js)
- <script src="/{maxcms:sitepath}js/common.js"></script>是什么意思