位置:海鸟网 > IT > JavaScript >

内页“回顶部”“写评论”JS代码

  有一点需要说明:这个JS特效并非哥的原创,其实是昨天逛卢松松博客时看到的,感觉还不错,用上以后应该会有益于提高博客的互动热度,所以就给移植了过来。图片色调是经过调整了的,JS文件中的定位参数也重新调了,看起来还不错,比较切合我的主题。那么今天就分享了吧,用我这款绿色主题的同学,可以直接按如下教程添加——

  Step 1:先将下列代码,保存为JS文件,自己命名呵,如:“fudong.js”;

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 > 450){document.getElementById("full").style.display = "block"}
else{
 document.getElementById("full").style.display = "none"}
}

suspendcode="<div id=\"full\"><a href='#'><img src='http://www.jz123.cn/THEMES/aqua_dyd/style/images/btn_top.gif' border=0 /></a><br><br><a href='#respond'><img src='http://www.jz123.cn/THEMES/aqua_dyd/style/images/btn_comment.gif' border=0 /></a></div>"
document.write(suspendcode);
window.setInterval("heartBeat()",1);

<!--
//双击自动滚屏
var currentpos, timer;
function initialize() {
    timer = setInterval("scrollwindow()", 10); //设置滚动的速度
}
function sc() {
    clearInterval(timer);
}
function scrollwindow() {
    window.scrollBy(0, 1);
}
document.onmousedown = sc;
document.ondblclick = initialize;
-->

  Step 2:将这个JS文件上传到主题包下的SCRIPT目录下;

  Step 3:将所需的两张图片btn_top.gif、btn_comment.gif,上传至主题包下/style/images/目录下;

  Step 4:进入后台,编辑修改主题包下文件“./THEMES/主题包ID/TEMPLATE/single.html”,在“”区,插入JS调用代码——

<script type="text/javascript" src="<#ZC_BLOG_HOST#>THEMES/<#ZC_BLOG_THEME#>/SCRIPT/fudong.js"></script>

  Step 5:提交保存后,后台文件重建即可。

  本文出自:低一度,地址:,转载须注明!