【jQuery】页面顶部显示的进度条效果
2014-04-25 21:33
344 查看
<!Doctype html> <html> <head> <title>页面顶部显示的进度条效果</title> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> </head> <body> <div id="web_loading"><div></div></div> <script src="http://files.cnblogs.com/ningvsban/jquery1.8.3.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{ z-index:99999; width:100%; } #web_loading div{ width:0; height:5px; background:#FF9F15; } </style </body> </html>
效果:
请看本博客首页效果http://www.cnblogs.com/ningvsban/
相关文章推荐
- JQuery插件之弹窗:lhgDialog
- jquery获取表格中按钮所在行的其他列值
- jQuery禁用表单元素
- jquery ajax 赋值问题, 后面程序判断逻辑用
- jquery validate 增加过滤特殊字符的方法
- 【jQuery学习笔记-----Window事件模型】
- js获取网页的url文件名( 例如index.aspx),js获取url的参数(例如获取 ?cid=joeylee的值),给jquery拓展方法
- Yii中使用jquery.cookie.js实现的菜单
- jQuery HTML 操作
- jquery-mobile表单提交问题
- jquery实现图片切换
- jquery.cookie.js使用介绍
- jquery细琐笔记乱写
- 15款最好的 jQuery 网格布局插件
- JQuery上传插件Uploadify使用详解
- Jquery Ajax Json
- jQuery事件绑定
- jquery 静态类和实体类的写法
- 【jQuery学习笔记----元素遍历】
- jQuery插件 -- 表单验证插件jquery.validate.js