为LBS^2 增加加载中效果

[ 2008-05-30 09:32:23 | 作者: admin ]

【调整阅览字体大小】: | |

=========================
效果说明: 为LBS^2 增加加载中效果
发 布 人: sos36(搜搜)
作者主页http://www.mygok.cn/
=========================

打开 article.asp 文件
查找
<div class="textbox">

在他的上面添加下面代码
<--加载中-->
<script language="JavaScript" type="text/javascript">
var t_id = setInterval(animate,20);
var pos=0;
var dir=2;
var len=0;
function animate()
{
var elem = document.getElementById('progress');
if(elem != null) {
if (pos==0) len += dir;
if (len>32 || pos>79) pos += dir;
if (pos>79) len -= dir;
if (pos>79 && len==0) pos=0;
elem.style.left = pos;
elem.style.width = len;
}
}
function remove_loading() {
this.clearInterval(t_id);
var targelem = document.getElementById('loader_container');
targelem.style.display='none';
targelem.style.visibility='hidden';
}
</script>
<style>
#loader_container {
text-align:center;
position:absolute;
top:40%;
width:100%;
left: 0;
}
#loader {
font-family:Tahoma, Helvetica, sans;
font-size:11.5px;
color:#000000;
background-color:#FFFFFF;
padding:10px 0 16px 0;
margin:0 auto;
display:block;
width:230px;
border:1px solid #5a667b;
text-align:left;
z-index:2;
}
#progress {
height:5px;
font-size:1px;
width:1px;
position:relative;
top:1px;
left:0px;
background-color:#70940D;
}
#loader_bg {
background-color:#e4e7eb;
position:relative;
top:8px;
left:8px;
height:7px;
width:113px;
font-size:1px;
}
</style>
<body onLoad="remove_loading();" leftmargin="0" rightmargin="0" topmargin="0" onkeydown="if(event.keyCode==27) return false;">
<div id="loader_container">
<div id="loader" style="width: 130px; height: 48px">
<div align="center"><img border='0' src='/styles/page_loading.gif' alt="Loading"</img><font color="#FF9900">页面正在加载中 <br>
请稍候...</font></div>
<div id="loader_bg"><div id="progress"> </div></div>
</div>
</div>
<--加载中-->


【原始发布】:http://mygok.cn/article.asp?id=301

返回顶部

评论Feed 评论Feed: http://lbs.goeswell.cn/fans/feed.asp?q=comment&id=273
UTF-8 Encoding 引用链接: 点击查看引用链接

这篇文章没有评论。

发表
表情图标
[smile] [confused] [cool] [cry]
[eek] [angry] [wink] [sweat]
[lol] [stun] [razz] [redface]
[rolleyes] [sad] [yes] [no]
[heart] [star] [music] [idea]
UBB代码
转换链接
表情图标
悄悄话
用户名:   密码:   注册? 验证码 * 请输入验证码