基于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 相关文章推荐
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
Feb 23 Javascript
JS实现QQ图片一闪一闪的效果小例子
Jul 31 Javascript
js 文本滚动效果的实例代码
Aug 17 Javascript
jquery.validate.js插件使用经验记录
Jul 02 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
全面解析Bootstrap表单使用方法(表单控件状态)
Nov 24 Javascript
vue基于element的区间选择组件
Sep 07 Javascript
angularJs中ng-model-options设置数据同步的方法
Sep 30 Javascript
微信小程序实现保存图片到相册功能
Nov 30 Javascript
node实现生成带参数的小程序二维码并保存到本地功能示例
Dec 05 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
解决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 var_export与var_dump 输出的不同
2013/08/09 PHP
PHP DB 数据库连接类定义与用法示例
2019/03/11 PHP
javascript 判断数组是否已包含了某个元素的函数
2010/05/30 Javascript
JS中的prototype与面向对象的实例讲解
2013/05/22 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
基于Vuejs实现购物车功能
2016/08/02 Javascript
AngularJS 自定义过滤器详解及实例代码
2016/09/14 Javascript
vue中倒计时组件的实例代码
2018/07/06 Javascript
对 Vue-Router 进行单元测试的方法
2018/11/05 Javascript
antd组件Upload实现自己上传的实现示例
2018/12/18 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
浅析Angular 实现一个repeat指令的方法
2019/07/21 Javascript
微信小程序中的video视频实现 自定义播放按钮、封面图、视频封面上文案
2020/01/02 Javascript
vue实现放大镜效果
2020/09/17 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
[01:33]DOTA2上海特级锦标赛 LIQUID战队完整宣传片
2016/03/16 DOTA
[00:47]DOTA2荣耀之路6:玩不了啦!
2018/05/30 DOTA
python的unittest测试类代码实例
2017/12/07 Python
matplotlib在python上绘制3D散点图实例详解
2017/12/09 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
基于python实现KNN分类算法
2020/04/23 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
树莓派动作捕捉抓拍存储图像脚本
2019/06/22 Python
详解python中的生成器、迭代器、闭包、装饰器
2019/08/22 Python
postman传递当前时间戳实例详解
2019/09/14 Python
在 Jupyter 中重新导入特定的 Python 文件(场景分析)
2019/10/27 Python
Python Django中间件,中间件函数,全局异常处理操作示例
2019/11/08 Python
在matplotlib中改变figure的布局和大小实例
2020/04/23 Python
美国顶级水上运动专业店:Marine Products
2018/04/15 全球购物
一道Delphi面试题
2016/10/28 面试题
2015小学教师年度考核工作总结
2015/05/12 职场文书
CSS3 制作精美的定价表
2021/04/06 HTML / CSS
pytorch交叉熵损失函数的weight参数的使用
2021/05/24 Python
漫改真人电影「萌系男友是燃燃的橘色」公开先导视觉图
2022/03/21 日漫
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python