主页 > 编程资料 > Javascript >
发布时间:2016-01-27 作者:网络 阅读:272次

本文实例介绍了基于javascript实现的页面跳转进度条,分享给大家供大家参考,具体内容如下

效果图:

具体代码:



open代码







 

 

 

代码二,也很不错,运行效果图如下

代码分享:




 function setSB(v, el) {
  var ie5 = (document.all && document.getElementsByTagName);
  if (ie5 || document.readyState == "complete")   {
   filterEl = el.children[0];
   valueEl = el.children[1];
   filterEl.style.width = v + "%";
   valueEl.innerText = v + "%";
  }
 }
 function fakeProgress(v, el) {
  if (v > 100)
   location.href = "http://www.jb51.net/";
  else   {
   setSB(v, el);
   window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20);
  }
 }




正在进入脚本之家,请稍侯……

<>
   

代码直接复制粘贴即可运行,大家可以试验一下。

以上就是为大家分享的JS实现页面跳转进度条的完整代码,希望对大家的学习有所帮助。

关键字词:

相关文章

推荐文章

打赏

weixin alipay