前端_页面顶部显示的进度条效果
2014-03-14 14:07
351 查看
<div id="web_loading"><div> <script type="text/javascript"> 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{ z-index:99999; width:100%; } #web_loading div{ width:0; height:5px; background:#FF9F15; } </style>
相关文章推荐
- 纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
- 关于网页载入,页面顶部显示页面加载线性进度条效果实现。
- 【jQuery】页面顶部显示的进度条效果
- jQuery实现页面顶部显示的进度条效果完整实例
- 页面顶部显示的进度条效果
- jQuery实现页面顶部显示的进度条效果完整实例
- jQuery页面内滑动到锚点导航效果,回到顶部
- JS实现回到页面顶部动画效果的简单实例
- iframe载入页面过程显示动画效果
- android 自定义Dialog页面加载中效果的进度条 Dialog 边角 Dialog 棱角
- 一个手机自适应的网页效果解决显示页面很小的问题
- 【分享】VS200X水晶报表边框效果在WEB页面不连续显示问题解决方法
- webAPP页面切换之滑动-swiper2(切换页面默认显示顶部)
- jquery实现页面百叶窗走马灯式翻滚显示效果的方法
- 三种方式实现自定义圆形页面加载中效果的进度条
- jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
- 极客标签编程小挑战#31:生成注册页面的显示效果
- 55-002-1 HTML5图片列表页面的制作 鼠标移动图片动态显示,文字动态阴影效果,渐变效果 列表前增加样式序列号
- web前端 点击显示大图效果实现
- Android ScrollView .顶部栏滑动透明度改变,底部栏滑到特定位置显示或隐藏效果