基于jquery的loading效果实现代码

技术文章

seo
asp.net
JavaSript
asp
网站建设

基于jquery的loading效果实现代码

时间：2010-11-05 点击：148

在代码<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效果就完成咯。

js focus不起作用的解决方法(主要是因为dom元素是否加载完成)

细说浏览器特性检测(2)-通用事件检测

需要做特殊处理的DOM元素属性的访问

基于jQuery的仿flash的广告轮播

jquery实现文本框鼠标右击无效以及不能输入的代码

> 返回