基于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 相关文章推荐
你的编程语言可以这样做吗?
Sep 07 Javascript
Jquery 快速构建可拖曳的购物车DragDrop
Nov 30 Javascript
Javascript的闭包
Dec 31 Javascript
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
Aug 03 Javascript
菜鸟学习JavaScript小实验之函数引用
Nov 17 Javascript
Jquery uploadify上传插件使用详解
Jan 13 Javascript
bootstrap table小案例
Oct 21 Javascript
jQuery弹出窗口打开链接的实现代码
Dec 24 Javascript
禁止弹窗中蒙层底部页面跟随滚动的几种方法
Dec 07 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
解决vue中的无限循环问题
Jul 27 Javascript
Vue操作Storage本地化存储
Apr 29 Vue.js
解决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
centos 5.6 升级php到5.3的方法
2011/05/14 PHP
使用PHP会话(Session)实现用户登陆功能
2013/06/29 PHP
php中require和require_once的区别说明
2014/02/27 PHP
Zend Framework教程之前端控制器Zend_Controller_Front用法详解
2016/03/07 PHP
[原创]PHP字符串中插入子字符串方法总结
2016/05/06 PHP
php7安装mongoDB扩展的方法分析
2017/08/02 PHP
PHP5.6新增加的可变函数参数用法分析
2017/08/25 PHP
Yii2.0框架模型添加/修改/删除数据操作示例
2019/07/18 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
基于jquery的动态创建表格的插件
2011/04/05 Javascript
js验证是否为数字的总结
2013/04/14 Javascript
JS.findElementById()使用介绍
2013/09/21 Javascript
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
Bootstrap3 多个模态对话框无法显示的解决方案
2017/02/23 Javascript
javascript内存分配原理实例分析
2017/04/10 Javascript
全面解析Node.js 8 重要功能和修复
2017/06/02 Javascript
基于Datatables跳转到指定页的简单实例
2017/11/09 Javascript
webpack4 optimization使用总结
2019/11/10 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
vue项目中使用eslint+prettier规范与检查代码的方法
2020/01/16 Javascript
vue+animation实现翻页动画
2020/06/29 Javascript
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
Python实现字符串的逆序 C++字符串逆序算法
2020/05/28 Python
Django框架序列化与反序列化操作详解
2019/11/01 Python
Python坐标线性插值应用实现
2019/11/13 Python
python如何获得list或numpy数组中最大元素对应的索引
2020/11/16 Python
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
前端水印的简单实现代码示例
2020/12/02 HTML / CSS
大学应届生的自我评价
2014/03/06 职场文书
低碳环保演讲稿
2014/08/28 职场文书
秋季运动会演讲稿
2014/09/16 职场文书
2014年学生会干事工作总结
2014/11/07 职场文书
2014教师年度工作总结
2014/11/10 职场文书
python 学习GCN图卷积神经网络
2022/05/11 Python
Mysql数据库group by原理详解
2022/07/07 MySQL