当网页很长时,要返回顶部就很麻烦,这时在网页底部设置一个返回顶部的按钮就可以解决这个问题,本代码能智能地根据屏幕高度自动显示(当网页内容刚好一屏时则不显示),能随屏平滑滚动,同时兼容firefox浏览器

<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"}
}
suspendcode="<div id=\"full\" style='display:none; width:20px; height:90px; POSITION:absolute; left:50%; top:500px; margin-left:460px; z-index:100; text-align:center;'><a href='#'><img src='http://tommyhu.cn/images/others/gototop.gif' border=0 alt='返回顶部'></a></div>"
document.write(suspendcode);
window.setInterval("heartBeat()",1);
</script>

<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"}
}
suspendcode="<div id=\"full\" style='display:none; width:20px; height:90px; POSITION:absolute; left:50%; top:500px; margin-left:460px; z-index:100; text-align:center;'><a href='#'><img src='http://tommyhu.cn/images/others/gototop.gif' border=0 alt='返回顶部'></a></div>"
document.write(suspendcode);
window.setInterval("heartBeat()",1);
</script>
《蔡骏作品集》43部(txt格式).rar下载
祝亲爱的老妈生日快乐,天天快乐!


2010/07/11 12:07 | by 
tommyhu:
