发新话题
打印

更简单的方法实现加载效果

更简单的方法实现加载效果

之前也有朋友提供了一个方法,那个需要改的比较多,版主说改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 编辑 ]
附件: 您所在的用户组无法下载或查看附件

TOP

刚发现guestbook.asp似乎和single.html有关联,由于两者不在同一个目录下
js文件请使用绝对路径,如果一定要使用相对路径的话,还请高人指点吧

[ 本帖最后由 onan 于 2007-3-15 16:54 编辑 ]

TOP

我把js文件放在script目录下,

绝对路径为

         <script language="javascript" src="<#ZC_BLOG_HOST#>script/loader.js" type="text/javascript"></script>
==========
style风格建议都放在style的css文件里面,这样可能会好点。

TOP

发新话题