之前也有朋友提供了一个方法,那个需要改的比较多,版主说改body不太好,所以提供一个简单的方法
下载下面的压缩包把js文件上传到你blog某个目录里
然后在single.htm(此文件在TEMPLATE
内)的<head>和<meta http-equiv="Content-Type" c/>
之间下面加上代码(反正我是这样放的,比较方便查找,别的地方应该也可以):
复制内容到剪贴板
代码:
<script language="javascript" src="../upload/loader.js"></script>
<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;
}
#progress {
height:5px;
font-size:1px;
width:1px;
position:relative;
top:1px;
left:0px;
background-color:#8894a8
}
#loader_bg {background-color:#e4e7eb;position:relative;top:8px;left:8px;height:7px;width:113px;font-size:1px}
</style>
</head>
<body onLoad="remove_loading();">
<div id="loader_container">
<div id="loader">
<div align="center">页面正在加载中 ...</div>
<div id="loader_bg"><div id="progress"> </div></div>
</div>
</div>其中<script language="javascript" src="../upload/loader.js"></script> 请改为你自己js的绝对路径
(刚刚发现如果使用相对路径的话,由于guestbook.asp和singel.html不在同一个目录下,留言本调用不了js,所以用相对路径不行,得用绝对路径,请把js的路径改为绝对路径,如
http://www.joyn.cn/fpv/blog/upload/loader.js
其中<div align="center">页面正在加载中 ...</div>可以修改你想要的显示文字
上面提供的是在每个日志页面实现的方法,别的方法照这个样子模仿就行了
首页的话我是在default.asp最底部放置这段代码可以实现效果,但在single.html放最底下就不行
我也不太懂html,大家有问题就共同讨论吧
给自己AD一下,需要看真实演示的可以到我那里看 呵呵
效果都一样,借用一下之前那位朋友的图:
[
本帖最后由 onan 于 2007-3-15 15:52 编辑 ]