基于jquery的loading效果实现代码


Posted in Javascript onNovember 05, 2010

在代码<head></head>里加入以下代码:

<script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(window).load(function(){$("#loading").hide();})</script>
在里<body></body>加入以下代码:

<div id="loading">Loading content, please wait..<img src="loading.gif" alt="loading.." /></div>
在里的这代码必须保证在网页载入的最前面。

接着是css代码:

#loading{position:absolute;width:300px;top:0px;left:50%;margin-left:-150px;text-align:center;padding:7px 0 0 0;font:bold 11px Arial, Helvetica, sans-serif;}
一个基于jquery的loading效果就完成咯。

Javascript 相关文章推荐
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 06 Javascript
关于js获取radio和select的属性并控制的代码
May 12 Javascript
Javascript 面向对象(一)(共有方法,私有方法,特权方法)
May 23 Javascript
JavaScript的null和undefined区别示例介绍
Sep 15 Javascript
Angular.js中控制器之间的传值详解
Apr 24 Javascript
详谈AngularJs 控制器、数据绑定、作用域
Jul 09 Javascript
vue表单绑定实现多选框和下拉列表的实例
Aug 12 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 Javascript
使用js实现一个简单的滚动条过程解析
Sep 10 Javascript
p5.js绘制创意自画像
Nov 04 Javascript
layui数据表格重载实现往后台传参
Nov 15 Javascript
vue实现在进行增删改操作后刷新页面
Aug 05 Javascript
解决jQuery插件tipswindown与hintbox冲突
Nov 05 #Javascript
Jquery数独游戏解析(一)-页面布局
Nov 05 #Javascript
TinyMCE 新增本地图片上传功能
Nov 05 #Javascript
jQuery示例收集
Nov 05 #Javascript
jquery 全局AJAX事件使用代码
Nov 05 #Javascript
Jquery ajaxsubmit上传图片实现代码
Nov 04 #Javascript
QUnit jQuery的TDD框架
Nov 04 #Javascript
You might like
PHP 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
ThinkPHP控制器详解
2015/07/27 PHP
php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
2016/03/23 PHP
jQuery 表单验证扩展(三)
2010/10/20 Javascript
浅析js中取绝对值的2种方法
2013/07/09 Javascript
JavaScript 实现鼠标拖动元素实例代码
2014/02/24 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
jQuery中scrollLeft()方法用法实例
2015/01/16 Javascript
Node.js Addons翻译(C/C++扩展)
2016/06/12 Javascript
Vuejs仿网易云音乐实现听歌及搜索功能
2017/03/30 Javascript
vue打包静态资源后显示空白及static文件路径报错的解决
2020/09/02 Javascript
原生JavaScript实现购物车
2021/01/10 Javascript
原生js实现放大镜组件
2021/01/22 Javascript
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
使用pyecharts无法import Bar的解决方案
2020/04/23 Python
python executemany的使用及注意事项
2017/03/13 Python
深入理解Django的自定义过滤器
2017/10/17 Python
利用 python 对目录下的文件进行过滤删除
2017/12/27 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
解决pycharm的Python console不能调试当前程序的问题
2019/01/20 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
python删除文件、清空目录的实现方法
2020/09/23 Python
python中strip(),lstrip(),rstrip()函数的使用讲解
2020/11/17 Python
全球第二大家装零售商:Lowe’s
2018/01/13 全球购物
编辑找工作求职信范文
2013/12/16 职场文书
安全生产汇报材料
2014/02/17 职场文书
学习型班组申报材料
2014/05/31 职场文书
党员教师群众路线个人整改措施
2014/10/28 职场文书
房屋租房协议书范本
2014/12/04 职场文书
高三英语复习计划
2015/01/19 职场文书
党员反腐倡廉学习心得体会
2015/08/15 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
Flask使用SQLAlchemy实现持久化数据
2021/07/16 Python
MYSQL 表的全面总结
2021/11/11 MySQL