基于jquery的loading效果实现代码
更新时间：2010年11月05日 22:32:59 作者：
基于jquery的loading效果实现代码，需要的朋友可以参考下。
在代码<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效果就完成咯。
<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实现HTML5 placeholder效果实例,本文目的主要是在需要兼容一些浏览器时使用,需要的朋友可以参考下2014-12-12
jQuery的Ajax的自动完成功能 允许您轻松地创建自动完成/自动提示框的文本输入字段;如果没有特定查询的结果，它停止发送请求到服务器的其他查询感兴趣的朋友可以参考下啊2013-02-02
这篇文章主要介绍了jQuery实现默认是闭合的FAQ展开效果菜单,涉及jQuery中slideUp及slideDown用法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了jQuery包裹节点用法,结合完整实例形式分析了jQuery中wrap方法包裹节点的使用技巧,注释中还包含了wrapAll与wrapInner方法的使用,需要的朋友可以参考下2016-09-09
jQuery不间断滚动效果(模拟百度新闻支持文字/图片/垂直滚动)
jQuery模拟百度新闻不间断滚动效果并且支持文字、图片水平垂直滚动等等，感兴趣的朋友可以了解下，或许本文所提供的案例对你学习jquery特效有所帮助,好了话不多说，切入正题2013-02-02
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
这是一个典型的Ajax应用，在页面上，您只需要点击“下一页”，数据区将自动加载对应页码的数据，重新刷新数据区。类似的效果在很多网站上应用，尤其在一些需要展示大量图片数据的网页如淘宝商品列表页，Ajax分页效果让您的网站数据加载显得非常流畅。2015-09-09
$.format,jquery.format 使用说明，需要的朋友可以参考下。2011-07-07
jQuery实现获取table中鼠标click点击位置行号与列号的方法
这篇文章主要介绍了jQuery实现获取table中鼠标click点击位置行号与列号的方法,涉及jQuery事件响应及针对table表格元素相关操作技巧,需要的朋友可以参考下2017-10-10
jQuery使用before()和after()在元素前后添加内容的方法
这篇文章主要介绍了jQuery使用before()和after()在元素前后添加内容的方法,实例分析了jQuery中before()和after()方法添加内容的技巧,非常具有实用价值,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了基于jQuery实现仿51job城市选择功能实例代码的相关资料,需要的朋友可以参考下2016-03-03
最新评论