网页中的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:7; margin:-62px 0 0 -62px;}
这里要用到一张124*124的gif动态图片
3、Js代码
在footer.asp中</body>之前插入- <script type="text/javascript">
- jQuery.noConflict();
- jQuery("#loading").fadeOut()
- </script>
完成。喜欢的童鞋们可以一试哦。
http://www.mb-wx.com/article/jquery-loading.html
- 网页中的loading提示
- 网页中的loading代码
- 游戏Loading中的小提示和Loading动画实现
- JS屏蔽网页中的错误提示信息
- jquery实现loading...提示
- ExtJs4 自定义Loading提示
- 网页加载loading...
- 提示网页
- extjs combo 级联 loading提示
- easyui tab iframe loading提示
- 常用的网页loading图标
- 写一个网页进度loading
- UIWebView 自定义网页中的alert和confirm提示框风格
- UIWebView 自定义网页中的alert和confirm提示框风格
- Android中的各种loading
- dwz中的loading处理;
- WPF - 简单的Loading提示窗口
- Eclipse 一直提示 loading descriptor for 解决
- SecureCRT zmodem
- Linux / Unix Command: getservbyname
- 60-思考题(5)-将1到9 这九个数字分成若干个数,满足一定的算式
- delete void*
- String格式化
- 网页中的loading提示
- CSS中最大宽度属性max-width和最小宽度属性min-width
- 为什么C++ 并没有"王者归来"?
- c++ exception必须知道的东西(1)
- warning C4819 2010-10-20 14:45
- IT需求调研初始
- 算法系列之五:最长公共子序列(LCS)问题(非连续子序列)的两种解法
- Wind River全新高速智能网络平台面世
- RedHat 5.4 Linux系统安装VisualBox虚拟机