js+加载等待效果
2014-06-19 13:19
375 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> 加载等待效果 </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> </head> <body> <form id="form" name="form"> <table border="0" width="100%" height="100%"> <tr> <td align=center> <p><font id="context">正在登录,检查环境.......</font></p> <p> <input type="text" name="chart" size="46" style="font-family:Arial; font-weight:bolder; color:gray;background-color:white; padding:0px; border-style:none;"> <br> <input type="text" name="percent" size=46 style="font-family:Arial; color:gray; text-align:center; border-width:medium; border-style:none;"> <script>var bar = 0; var line = "||" ; var amount ="||" ; count() ; function count(){ bar= bar+2 ; amount =amount + line; document.form.chart.value=amount ; document.form.percent.value=bar+"%"; if (bar<99) {setTimeout("count()",100);} else {window.location = "http://www.baidu.com/";} } </script> </p> </td> </tr> </table> </form> </body> </html>
相关文章推荐
- JS 等待加载效果
- jquery,js,加载等待的效果
- js实现页面加载的等待效果
- js实现等待加载“转圈圈”效果
- js加载等待效果
- js实现等待加载“转圈圈”效果
- js,jqueryajax实现页面加载等待效果
- js等待加载效果2
- lazyload.js实现淘宝商城图片加载效果
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- jquery.blockUI.js上传滚动等待效果实现思路及代码
- 加载页面等待效果
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- js loading加载效果实现代码
- JS实现图片预加载无需等待
- 纯CSS3实现多种不同的等待效果(无js/jquery/无图片)
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- 异步加载js文件并执行js方法:实现异步处理网页的复杂效果(转)
- 图片太多导致在网速慢的情况下效果太差需要用js预加载图片