凯特猫-博闻天下

互联网,美文,外贸,热点新闻,趣闻轶事

PJBlog-页面载入提示框

还是那句话,做之前先备份,备份blog目录下的header.asp,header顾名思义就是博客头部的一些事情都是通过这个文件来处理的...回归正题,这个插件向使用者提供了一种信息,就是:正在loading,但是要等等,呵呵

打开根目录下的header.asp
在<head></head>加入

<style type="text/css">
#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:130px;
border:1px solid #5a667b;
text-align:left; 
z-index:2;
}
#loader_bg {background-color:#e4e7eb;
position:relative;
top:8px;
left:8px;
height:7px;
width:113px;
font-size:1px}
#progress {
height:5px;
font-size:1px;
width:1px;
position:relative;
top:1px;
left:0px;
background-color:#70940D
}
</style><script language="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>

再查找 

<body onload="initJS()" onkeydown="PressKey()">

将其修改为 

<body onload="remove_loading();initJS()" onkeydown="PressKey()">

再在上面这句话后面加上

<div id="loader_container">
<div id="loader">
<div align="center">页面正在载入中...</div>
<div id="loader_bg"><div id="progress"> </div></div>
</div>
</div>

« Pjblog热门文章插件Pjblog如何投放google广告 »

收藏到网摘: 用google书签收藏 用“美味书签”收藏 用yahoo收藏 用新浪vivi收藏 用365key收藏 分享到饭否 收藏到qq网摘 用windows live书签收藏 添加到百度搜藏 收藏到“就喜欢” 用收客收藏 和讯

  • 相关文章:

本月访问之最

本年访问之最

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

控制面板

广告也精彩

最近发表

更多"网络技术"文章

完全随机文章

赞助商链接

热文排行使用

图标汇集

Copyright 2008-2099 Your WebSite. All Rights Reserved.浙ICP备08013176号