基于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 动态将数字金额转化为中文大写金额
May 14 Javascript
js利用与或运算符优先级实现if else条件判断表达式
Apr 15 Javascript
JavaScript初学者应注意的七个细节详细介绍
Dec 27 Javascript
jQuery蓝色风格滑动导航栏代码分享
Aug 19 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
Node.js使用Express创建Web项目详细教程
Mar 31 Javascript
ES6(ECMAScript 6)新特性之模板字符串用法分析
Apr 01 Javascript
Jquery把获取到的input值转换成json
May 15 jQuery
require.js中的define函数详解
Jul 10 Javascript
详解Vue如何支持JSX语法
Nov 10 Javascript
微信小程序日期时间选择器使用方法
Feb 01 Javascript
利用vue-i18n实现多语言切换效果的方法
Jun 19 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 自写函数代码 获取关键字 去超链接
2010/02/08 PHP
利用laravel搭建一个迷你博客实战教程
2017/08/13 PHP
checkbox 复选框不能为空
2009/07/11 Javascript
JavaScript删除指定子元素代码实例
2015/01/13 Javascript
jquery图形密码实现方法
2015/03/11 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
实例详解jQuery结合GridView控件的使用方法
2016/01/04 Javascript
NodeJS使用formidable实现文件上传
2016/10/27 NodeJs
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
你可能不知道的JSON.stringify()详解
2017/08/17 Javascript
微信小程序实现MUI数字输入框效果
2018/01/31 Javascript
最后说说Vue2 SSR 的 Cookies 问题
2018/05/25 Javascript
Node.js Stream ondata触发时机与顺序的探索
2019/03/08 Javascript
微信小程序实现点击卡片 翻转效果
2019/09/04 Javascript
js实现筛选功能
2020/11/24 Javascript
[05:39]2014DOTA2国际邀请赛 DK晋级胜者组专访战队国士无双
2014/07/14 DOTA
Python显示进度条的方法
2014/09/20 Python
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
自己使用总结Python程序代码片段
2015/06/02 Python
Python 类与元类的深度挖掘 II【经验】
2016/05/06 Python
python2.7到3.x迁移指南
2018/02/01 Python
python调用百度REST API实现语音识别
2018/08/30 Python
python生成多个只含0,1元素的随机数组或列表的实例
2018/11/12 Python
Python时间序列缺失值的处理方法(日期缺失填充)
2019/08/11 Python
jupyter notebook清除输出方式
2020/04/10 Python
html5 postMessage解决跨域、跨窗口消息传递方案
2016/12/20 HTML / CSS
材料加工硕士生求职信
2013/10/10 职场文书
老公给老婆的道歉信
2014/01/10 职场文书
安全检查管理制度
2014/02/02 职场文书
《分一分》教学反思
2014/04/13 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
武夷山导游词
2015/02/03 职场文书
因身体原因离职的辞职信范文
2015/05/12 职场文书
Go归并排序算法的实现方法
2022/04/06 Golang
Python使用plt.boxplot()函数绘制箱图、常用方法以及含义详解
2022/08/14 Python