网页中的loading提示

来源:互联网 发布:计算机编程难学吗 编辑:程序博客网 时间:2024/05/17 14:15
实现原理就是先让loading图片最先显示,当页面加载完毕的时候用JS控制loading图片消失,基于jquery实现。具体修改方法如下:
1、Html代码

打开header.asp,在<body>下插入

<div id="loading"></div>  


2、Css代码
在layout.css中插入

#loading{position:fixed;_position:absolute;top:50%;left:50%;width:124px;height:124px;overflow:hidden;background:url(loaderc.gif) no-repeat;z-index:7margin:-62px 0 0 -62px;} 


这里要用到一张124*124的gif动态图片


3、Js代码
在footer.asp中</body>之前插入

  1. <script type="text/javascript">  
  2. jQuery.noConflict();  
  3. jQuery("#loading").fadeOut()  
  4. </script>

完成。喜欢的童鞋们可以一试哦。


http://www.mb-wx.com/article/jquery-loading.html

原创粉丝点击