编程 Javascript

基于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效果就完成咯。

基于jquery的loading效果实现代码

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS/jQuery实现默认显示部分文字点击按钮显示全部内容

May 13 Javascript

js 弹出框只弹一次(二次修改之后的)

Nov 26 Javascript

在firefox和Chrome下关闭浏览器窗口无效的解决方法

Jan 16 Javascript

通过JS动态创建一个html DOM元素并显示

Oct 15 Javascript

JavaScript控制图片加载完成后调用回调函数的方法

Mar 20 Javascript

js实现向右横向滑出的二级菜单效果

Aug 27 Javascript

基于JavaScript实现添加到购物车效果附源码下载

Aug 22 Javascript

详解js界面跳转与值传递

Nov 22 Javascript

jquery对象与DOM对象转化

Feb 08 Javascript

原生JS封装_new函数实现new关键字的功能

Aug 12 Javascript

聊聊Vue中provide/inject的应用详解

Nov 10 Javascript

vue 监听窗口变化对页面部分元素重新渲染操作

Jul 28 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

三角函数(1) 迪杰斯特拉(1) 优先队列(1) Dijkstra(1) seata(1) Android Studio(4) nacos(1) 动态代理(1) MyBatis(5) Carbon(1)

You might like

基于数据库的在线人数，日访问量等统计

2006/10/09 PHP

编写PHP脚本过滤用户上传的图片

2015/07/03 PHP

PHP利用imagick生成组合缩略图

2016/02/19 PHP

php制作简单模版引擎

2016/04/07 PHP

老生常谈文本文件和二进制文件的区别

2017/02/27 PHP

php获取linux命令结果的实例

2017/03/13 PHP

基于jquery的商品展示放大镜

2010/08/07 Javascript

jquery动态加载js三种方法实例

2013/08/03 Javascript

javascript常用函数归纳整理

2014/10/31 Javascript

jQuery中$.ajax()和$.getJson()同步处理详解

2015/08/12 Javascript

AngularJS实现Model缓存的方式

2016/02/03 Javascript

jquery实现界面无刷新加载登陆注册

2016/07/30 Javascript

JS和canvas实现俄罗斯方块

2017/03/14 Javascript

ES6中的rest参数与扩展运算符详解

2017/07/18 Javascript

js 数组详细操作方法及解析合集

2018/06/01 Javascript

layui问题之模拟select点击事件的实例讲解

2018/08/15 Javascript

js最实用string(字符串)类型的使用及截取与拼接详解

2019/04/26 Javascript

python发腾讯微博代码分享

2014/01/10 Python

python写的一个文本编辑器

2014/01/23 Python

Python中无限元素列表的实现方法

2014/08/18 Python

win7上python2.7连接mysql数据库的方法

2017/01/14 Python

scrapy spider的几种爬取方式实例代码

2018/01/25 Python

Python读写及备份oracle数据库操作示例

2018/05/17 Python

python采集微信公众号文章

2018/12/20 Python

python IDLE 背景以及字体大小的修改方法

2019/07/12 Python

python 的numpy库中的mean()函数用法介绍

2020/03/03 Python

自荐信包含哪些内容

2013/10/30 职场文书

自荐信不宜过于夸大

2013/11/06 职场文书

蓝颜请假条

2014/04/11 职场文书

临床医学生职业规划书范文

2014/10/25 职场文书

小兵张嘎电影观后感

2015/06/03 职场文书

申请吧主发表的感言

2015/08/03 职场文书

致运动员的广播稿

2015/08/19 职场文书

2016年春季运动会通讯稿

2015/11/25 职场文书

openGauss数据库JDBC环境连接配置的详细过程(Eclipse)

2022/06/01 Java/Android

win7配置本地ftp服务器的图文教程

2022/08/05 Servers