基于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 提交值不为空的元素示例代码
May 10 Javascript
js 窗口抖动示例
Sep 04 Javascript
JQuery判断HTML元素是否存在的两种解决方法
Dec 26 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
JavaScript获取css行间样式,内连样式和外链样式的简单方法
Jul 18 Javascript
jQuery多选框选择数量限制方法
Feb 08 Javascript
基于AGS JS开发自定义贴图图层
Mar 31 Javascript
BootStrap Fileinput上传插件使用实例代码
Jul 28 Javascript
vue打包后显示空白正确处理方法
Nov 01 Javascript
js装饰设计模式学习心得
Feb 17 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
May 27 Javascript
Servlet返回的数据js解析2种方法
Dec 12 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中使用Oracle数据库(6)
2006/10/09 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
PHP基于SPL实现的迭代器模式示例
2018/04/22 PHP
php判断目录存在的简单方法
2019/09/26 PHP
Yii框架安装简明教程
2020/05/15 PHP
jquery checkbox全选、取消全选实现代码
2010/03/05 Javascript
Select标签下拉列表二级联动级联实例代码
2014/02/07 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
js实现密码强度检验
2017/01/15 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
2017/05/26 Javascript
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
webpack 代码分离优化快速指北
2019/05/18 Javascript
13 个npm 快速开发技巧(推荐)
2019/07/04 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
2019/07/13 Javascript
举例讲解Python中is和id的用法
2015/04/03 Python
python抓取并保存html页面时乱码问题的解决方法
2016/07/01 Python
Python实现的概率分布运算操作示例
2017/08/14 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
python opencv人脸检测提取及保存方法
2018/08/03 Python
Python socket实现的简单通信功能示例
2018/08/21 Python
Python-Tkinter Text输入内容在界面显示的实例
2019/07/12 Python
Python 使用 Pillow 模块给图片添加文字水印的方法
2019/08/30 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
Python中bisect的用法及示例详解
2020/07/20 Python
使用CSS3中的calc()属性来以算式表达尺寸数值
2016/06/06 HTML / CSS
美国休闲服装品牌:Express
2016/09/24 全球购物
阅兵口号
2014/06/19 职场文书
好人好事演讲稿
2014/09/01 职场文书
2015年小学体育工作总结
2015/05/22 职场文书
教师节表彰会主持词
2015/07/06 职场文书
导游词之塘栖古镇
2019/12/04 职场文书
Python网络编程之ZeroMQ知识总结
2021/04/25 Python
Mysql服务添加 iptables防火墙策略的方案
2021/04/29 MySQL
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技