今天发现对于有些很长的文章,这个功能还是有必要的,于是去找了找最后综合卢松松和低一度的代码,自己修改了下,最终得以实现。
工具/原料
独立站点
步骤/方法
首先保存下面代码为hui.js文件,放在THEMES/你的主题/SCRIPT/目录下
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
/*if(diffY == 0){document.getElementById("full").style.display = "none"}
else{document.getElementById("full").style.display = "block"}
}*/
if(diffY > 500){document.getElementById("full").style.display = "block"}
else{
document.getElementById("full").style.display = "none"}
}
suspendcode="<div id=\"full\" style='display:none; width:15px; height:57px; POSITION:absolute; left:88%; top:250px; margin-left:0px; z-index:100; text-align:center;'><a href='#'><img src='../image/btn_top.gif' border=0 /></a><br><br><a href='#comment'><img src='../image/btn_comment.gif' border=0 /></a></div>"
document.write(suspendcode);
window.setInterval("heartBeat()",1);
function switchImage(imageId, imageUrl, linkId, linkUrl, preview, title, alt) {
if(imageId && imageUrl) {
var image = $(imageId);
image.src = imageUrl;
if(title) {
image.title = title;
}
if(alt) {
image.alt = alt;
}
}
if(linkId && linkUrl) {
var link = $(linkId);
link.href = linkUrl;
}
}
//Tabs
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con"+name+i);
menu.className=i==cursel?"current":"";
con.style.display=i==cursel?"block":"none";
}
}
然后在网上上随便找2个按钮图片,上传到你自己的../image/目录下。
最后修改你主题下的sing.html文件,在<head></head>之间加入以下代码:
<script type="text/javascript" src="<#ZC_BLOG_HOST#>THEMES/<#ZC_BLOG_THEME#>/SCRIPT/hui.js"></script>
重建文件,完成。
注意事项
经我测试 “ left:88%; ”的数值用来调节左右位置“top:250px;”调节上下位置。