基于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 相关文章推荐
js导航菜单(自写)简单大方
Mar 28 Javascript
js实现基于正则表达式的轻量提示插件
Aug 29 Javascript
利用AngularJs实现京东首页轮播图效果
Sep 08 Javascript
基于vuejs实现一个todolist项目
Apr 11 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
Jul 18 Javascript
jQuery实现base64前台加密解密功能详解
Aug 29 jQuery
vue router下的html5 history在iis服务器上的设置方法
Oct 18 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
vue watch深度监听对象实现数据联动效果
Aug 16 Javascript
Vue的watch和computed方法的使用及区别介绍
Sep 06 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
移动端手指操控左右滑动的菜单
Sep 08 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 xfocus防注入资料
2008/04/27 PHP
PHP中的print_r 与 var_dump 输出数组
2016/06/13 PHP
Laravel实现自定义错误输出内容的方法
2016/10/10 PHP
PHP创建文件及写入数据(覆盖写入,追加写入)的方法详解
2019/02/15 PHP
Discuz不使用插件实现简单的打赏功能
2019/03/21 PHP
用javascript操作xml
2006/11/04 Javascript
基于jquery的动态创建表格的插件
2011/04/05 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
浅析JavaScript访问对象属性和方法及区别
2015/11/16 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
加载 vue 远程代码的组件实例详解
2017/11/20 Javascript
vue2.0 实现页面导航提示引导的方法
2018/03/13 Javascript
基于JavaScript实现幸运抽奖页面
2020/07/05 Javascript
vue 使用html2canvas将DOM转化为图片的方法
2018/09/11 Javascript
新版小程序登录授权的方法
2018/12/12 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
JavaScript遍历数组的方法代码实例
2020/01/14 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
[01:22]DOTA2神秘商店携大量周边降临完美大师赛
2017/11/07 DOTA
Python+Selenium+PIL+Tesseract自动识别验证码进行一键登录
2017/09/20 Python
Python绘制KS曲线的实现方法
2018/08/13 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
自定义django admin model表单提交的例子
2019/08/23 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
Python Django中间件使用原理及流程分析
2020/06/13 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
国际商务专业学生个人的自我评价
2013/09/28 职场文书
高中毕业生个人自我鉴定
2013/11/24 职场文书
简历的自我评价
2014/02/03 职场文书
计算机网络专业自荐信
2014/07/04 职场文书
庆六一活动总结
2014/08/29 职场文书
铣工实训报告
2014/11/05 职场文书
教师读书活动心得体会
2016/01/14 职场文书
《赵州桥》教学反思
2016/02/17 职场文书
聊聊Python String型列表求最值的问题
2022/01/18 Python