基于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实现运动logo图片效果及运动元素对象sportBox使用方法
Dec 25 Javascript
js实时获取并显示当前时间的方法
Jul 31 Javascript
javascript中$(function() {});写与不写有哪些区别
Aug 10 Javascript
微信小程序进行微信支付的步骤昂述
Dec 01 Javascript
Angular的事件和表单详解
Dec 26 Javascript
jQuery设计思想
Mar 07 Javascript
react开发教程之React 组件之间的通信方式
Aug 12 Javascript
Vue组件通信之Bus的具体使用
Dec 28 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
Dec 06 Javascript
微信小程序制作扭蛋机代码实例
Sep 24 Javascript
JavaScript 浏览器对象模型BOM原理与常见用法实例分析
Dec 16 Javascript
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
解决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-FPM和Nginx的通信机制详解
2019/02/01 PHP
鼠标移动到一张图片时变为另一张图片
2006/12/05 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
2011/10/07 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
2016/07/11 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
2016/07/25 Javascript
jQuery仿京东商城楼梯式导航定位菜单
2016/07/25 Javascript
jQuery实现jQuery-form.js实现异步上传文件
2017/04/28 jQuery
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
vue loadmore组件上拉加载更多功能示例代码
2017/07/19 Javascript
Vue.js简易安装和快速入门(第二课)
2017/10/17 Javascript
JavaScript面向对象的程序设计(犯迷糊的小羊)
2018/05/27 Javascript
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
2018/09/26 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
Vue如何提升首屏加载速度实例解析
2020/06/25 Javascript
vant中的toast层级改变操作
2020/11/04 Javascript
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
[51:30]OG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/30 DOTA
python获取元素在数组中索引号的方法
2015/07/15 Python
Python针对给定列表中元素进行翻转操作的方法分析
2018/04/27 Python
Python列表(List)知识点总结
2019/02/18 Python
Python 限制线程的最大数量的方法(Semaphore)
2019/02/22 Python
Django使用中间件解决前后端同源策略问题
2019/09/02 Python
Pytorch.nn.conv2d 过程验证方式(单,多通道卷积过程)
2020/01/03 Python
Python AutoCAD 系统设置的实现方法
2020/04/01 Python
用python写爬虫简单吗
2020/07/28 Python
Pycharm2020.1安装中文语言插件的详细教程(不需要汉化)
2020/08/07 Python
python3 re返回形式总结
2020/11/20 Python
python excel多行合并的方法
2020/12/09 Python
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
生物科学专业个人求职信范文
2013/12/05 职场文书
考试不及格检讨书
2014/01/09 职场文书
机关班子查摆问题及整改措施
2014/10/28 职场文书
2014年公路养护工作总结
2014/12/04 职场文书
python3.9之你应该知道的新特性详解
2021/04/29 Python
React如何使用axios请求数据并把数据渲染到组件
2022/08/05 Javascript