jQuery Mobile 百分网手机站

jQuery实现页面顶部显示的进度条效果完整实例

时间:2018-04-19 12:08:39 jQuery Mobile 我要投稿

关于jQuery实现页面顶部显示的进度条效果完整实例

  本文实例讲述了jQuery实现页面顶部显示的进度条效果。分享给大家供大家参考,具体如下:

  具体代码如下:

  // < ![CDATA[ jQuery(document).ready(function(){ jQuery("#web_loading div").animate({width:"100%"},800,function(){ setTimeout(function(){jQuery("#web_loading div").fadeOut(500); }); }); });// ]]>

  #web_loading{z-index:99999;width:100%;}#web_loading div{width:0;height:5px;background:#FF9F15;}

  完整实例代码点击此处本站下载。

  希望本文所述对大家jQuery程序设计有所帮助。

【关于jQuery实现页面顶部显示的进度条效果完整实例】相关文章:

1.纯CSS和jQuery实现的在页面顶部显示的进度条效果

2.关于jQuery实现高亮显示的方法介绍

3.jQuery中delegate()实例用法

4.关于jquery简单图片切换显示效果实现方法介绍

5.jquery中动态效果

6.JQuery中serialize()用法实例分析

7.JQuery菜单效果实例详解

8.jquery异步请求的实例代码