基于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实现自定义风格的滑动条实现代码
Apr 26 Javascript
js运动框架_包括图片的淡入淡出效果
May 11 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
Jun 23 Javascript
JavaScript获取当前网页最后修改时间的方法
Apr 03 Javascript
最简单的tab切换实例代码
May 13 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
Aug 31 Javascript
JSON与js对象序列化实例详解
Mar 16 Javascript
slideToggle+slideup实现手机端折叠菜单效果
May 25 Javascript
Vue触发式全局组件构建的方法
Nov 28 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
Feb 12 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
详解vue-router的导航钩子(导航守卫)
Nov 02 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
PHP异步进程助手async-helper
2018/02/05 PHP
PHP创建XML接口示例
2019/07/04 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
用JavaScript脚本实现Web页面信息交互
2006/12/21 Javascript
js no-repeat写法 背景不重复
2009/03/18 Javascript
javascript window对象属性整理
2009/10/24 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
jQuery应用之jQuery链用法实例
2015/01/19 Javascript
DOM操作一些常用的属性汇总
2015/03/13 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
JavaScript之DOM_动力节点Java学院整理
2017/07/03 Javascript
Js利用Canvas实现图片压缩功能
2017/09/13 Javascript
浅谈Vue.js 组件中的v-on绑定自定义事件理解
2017/11/17 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
2019/02/22 Javascript
八大排序算法的Python实现
2021/01/28 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法
2018/04/19 Python
python实现linux下抓包并存库功能
2018/07/18 Python
Python计算时间间隔(精确到微妙)的代码实例
2019/02/26 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
英国精品买手店:Browns Fashion
2016/09/29 全球购物
最好的意大利皮夹克:D’Arienzo
2018/12/04 全球购物
SQL Server面试题
2016/10/17 面试题
大学军训自我鉴定
2013/12/15 职场文书
新春寄语大全
2014/04/09 职场文书
承诺书格式范文
2014/06/03 职场文书
行政专员岗位职责说明书
2014/07/30 职场文书
辞职信格式范文
2015/05/13 职场文书
借钱欠条怎么写
2015/07/03 职场文书
消防宣传语大全
2015/07/13 职场文书
热爱劳动主题班会
2015/08/14 职场文书
Python标准库之typing的用法(类型标注)
2021/06/02 Python