基于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 的应用开发初探(mootools)
Dec 19 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
window.open()实现post传递参数
Mar 12 Javascript
常用jQuery代码分享
Jul 14 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
详解Angular6 热加载配置方案
Aug 18 Javascript
使用 webpack 插件自动生成 vue 路由文件的方法
Aug 20 Javascript
Vue.js实现可编辑的表格
Dec 11 Javascript
JS中的继承操作实例总结
Jun 06 Javascript
利用js canvas实现五子棋游戏
Oct 11 Javascript
JavaScript仿京东轮播图效果
Feb 25 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 彩色文字实现代码
2009/06/29 PHP
php中关于codeigniter的xmlrpc的类在进行数据交换时的类型问题
2011/07/03 PHP
PHP根据session与cookie用户登录状态操作类的代码
2016/05/13 PHP
Extjs在exlipse中设置自动提示的方法
2010/04/07 Javascript
jQuery lazyload 的重复加载错误以及修复方法
2010/11/19 Javascript
jQuery之$(document).ready()使用介绍
2012/04/05 Javascript
JS设置cookie、读取cookie
2016/02/24 Javascript
基于jquery实现最简单的选项卡切换效果
2016/05/08 Javascript
AngularJS报错$apply already in progress的解决方法分析
2017/01/30 Javascript
js仿新浪微博消息发布功能
2017/02/17 Javascript
Angular JS 生成动态二维码的方法
2017/02/23 Javascript
js实现拖拽功能
2017/03/01 Javascript
纯js的右下角弹窗实例
2017/03/12 Javascript
解决JS内存泄露之js对象和dom对象互相引用问题
2017/06/25 Javascript
js 获取html5的data属性实现方法
2017/07/28 Javascript
探究react-native 源码的图片缓存问题
2017/08/24 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
2017/11/10 Javascript
seajs下require书写约定实例分析
2018/05/16 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
2018/08/29 Javascript
js判断密码强度的方法
2020/03/18 Javascript
javascript实现拼图游戏
2021/01/29 Javascript
Python优先队列实现方法示例
2017/09/21 Python
Python单元测试模块doctest的具体使用
2020/02/10 Python
CSS3制作翻转效果_动力节点Java学院整理
2017/07/11 HTML / CSS
CSS3悬停效果案例应用
2012/11/21 HTML / CSS
html5构建触屏网站之网站尺寸探讨
2013/01/07 HTML / CSS
美国最大的万圣节服装网站:HalloweenCostumes.com
2017/10/12 全球购物
新郎婚宴答谢词
2014/01/19 职场文书
药学专业学生的自我评价分享
2014/02/06 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
党员群众路线自我剖析材料
2014/10/06 职场文书
优秀班主任申报材料
2014/12/16 职场文书
无房证明样本
2015/06/17 职场文书
《草船借箭》教学反思
2016/02/23 职场文书
Nginx工作原理和优化总结。
2021/04/02 Servers
Python 处理表格进行成绩排序的操作代码
2021/07/26 Python