css滚动条
1、顶部滚动条
<img src="1.jpg"> <script> $(".loading .pic").animate({width:10%},100); </script> <img src="2.jpg"> <script> $(".loading .pic").animate({width:50%},100); </script> <img src="3.jpg"> <script> $(".loading .pic").animate({width:100%},100,function(){ $(".loading").fadeOut(); }); </script> <style> .loading{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:#fff;} .loading .pic{width:100%;height:10px;position:absolute;top:0;left:0; background:#f33} </style> <div class="loading"> <div class="pic"></div> <div>
感谢您的阅读,您的支持是我写博客动力。