实现原理就是先让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:7; margin:-62px 0 0 -62px;}
这里要用到一张124*124的gif动态图片
3、Js代码
在footer.asp中</body>之前插入
- <script type="text/javascript">
- jQuery.noConflict();
- jQuery("#loading").fadeOut()
- </script>
完成。喜欢的童鞋们可以一试哦。