内页“回顶部”“写评论”JS代码
作者: 蓝莓绿茶 | 分类: 网站技术 | 播种日:2010年10月13日 |
看到卢松松和低一度的博客都启用了内页回顶部和写评论效果，对博客体验来说起到了很好的作用，于是，转载来他们的方法。代码部分只需要改动红字的图片引用地址和 margin-left大小，调整到自己博客相应的位置就行，步骤很简单。
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\" style='display:none; width:15px; height:57px; POSITION:absolute; left:50%; top:420px; margin-left:213px; z-index:100; text-align:center;'><a href='#'><img src='../THEMES/aqua_dyd/style/images/btn_top.gif' border=0 /></a><br><br><a href='#respond'><img src='../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”，
在“<head></head>”区，插入JS调用代码——
<script type="text/javascript" src="<#ZC_BLOG_HOST#>THEMES/<#ZC_BLOG_THEME#>/SCRIPT/fudong.js"></script>
Step 5：提交保存后，后台文件重建即可。
文本标签：zblog
本文地址：http://eccolor.cn/%e5%86%85%e9%a1%b5%e2%80%9c%e5%9b%9e%e9%a1%b6%e9%83%a8%e2%80%9d%e2%80%9c%e5%86%99%e8%af%84%e8%ae%ba%e2%80%9djs%e4%bb%a3%e7%a0%81.html
除非注明，本站所有文章皆为原创，转载请以链接形式标明本文地址
- May 2012 (3)
- January 2012 (1)
- December 2011 (1)
- November 2011 (3)
- October 2011 (1)
- September 2011 (9)
- August 2011 (1)
- July 2011 (7)
- June 2011 (1)
- May 2011 (13)
- April 2011 (2)
- March 2011 (1)
- February 2011 (4)
- January 2011 (1)
- December 2010 (6)
- November 2010 (2)
- October 2010 (2)
- September 2010 (2)
- August 2010 (4)
- July 2010 (8)
- June 2010 (4)
- May 2010 (6)
- April 2010 (4)
- March 2010 (7)
- February 2010 (3)
- January 2010 (2)
- December 2009 (1)
- November 2009 (1)
- September 2009 (16)
- August 2009 (1)
- July 2009 (7)
- June 2009 (3)
- May 2009 (4)
- April 2009 (3)
- March 2009 (6)
- February 2009 (4)
- January 2009 (7)
- December 2008 (14)
- November 2008 (13)
- October 2008 (27)
- September 2008 (14)
- August 2008 (1)
- June 2008 (1)
这叫吸取精华啊
这叫吸取精华啊
这叫吸取精华啊
呵呵 ，没想到你也用上啦 蓝莓绿茶 于 2010-10-14 20:03:42 回复：好东东当然要用起~
呵呵 ，没想到你也用上啦 蓝莓绿茶 于 2010-10-14 20:03:42 回复：好东东当然要用起~
呵呵 ，没想到你也用上啦 蓝莓绿茶 于 2010-10-14 20:03:42 回复：好东东当然要用起~
不错的分析
不错的分析
不错的分析
不错的分析