返回顶部

收藏

网站顶部的类似进度条效果

更多
<script type="text/javascript">// < ![CDATA[
jQuery("#web_loading div")。animate({width:"10%"});
// ]]></script>
<div id="web_loading"><div></div></div>
<script src="http://www.niutw.com/js/jquery.min.js" type="text/javascript"></script>

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

// ]]></script>
<style>
/* Web Loading */
#web_loading{
z-index:99999;
width:100%;
}
#web_loading div{
width:0;
height:5px;
background:#FF9F15;
}
</style>
//该片段来自于http://outofmemory.cn

标签:javascript,网页设计

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. admin 发表 2014-05-08 06:23:29 JavaScript操作cookie
  2. NetS H 发表 2014-07-21 05:28:33 HTML5 自定义属性 data-* 和 jQuery.data 详解
  3. NetS H 发表 2014-07-21 12:41:04 在 Sublime Text 直接运行 Javascript 调试控制台
  4. 阿安 发表 2013-01-22 11:48:59 通过onhashchange优化“锚链接”
  5. libo 发表 2015-08-13 06:00:17 JS常用库解密-FastClick
  6. snowe 发表 2012-08-27 01:00:13 网页设计中的小技巧
  7. 博主 发表 2015-01-30 00:00:00 React Native Apps React Js
  8. 王子墨 发表 2011-05-14 18:03:24 jQuery 1.6 (JavaScript Library) 正式版发布
  9. David Walsh 发表 2015-08-13 21:38:45 Convert Image to Data URI with JavaScript
  10. abcd9.com 发表 2013-03-09 02:58:54 Node.js入门教程(一)
  11. liudixing 发表 2015-08-19 10:18:35 Bootstrap Datetimepicker 兼容IE8
  12. lifefrom@qq.com (郭碗瓢 发表 2013-03-08 05:18:02 js/javascript随机数,随机两个数区间的数

发表评论