html页面悬浮按钮刷新,js实现漂浮回顶部按钮实例

本文实例讲述了js实现漂浮回顶部按钮的方法。分享给大家供大家参考。具体实现方法如下：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

漂浮回顶部按钮

body{

height:2000px;

}

.rTop{

width:100px; height:25px;

text-align:center; font-size:small;

line-height:25px; border:1px solid #999;

position:fixed; right:0; bottom:0;

border-bottom-color:#333;

border-right-color:#333; margin:5px;

cursor:pointer; display:none

}

window.οnscrοll=function(){

if(document.body.scrollTop||document.documentElement.scrollTop>0){

document.getElementById('rTop').style.display="block"

}else{

document.getElementById('rTop').style.display="none"

}

}

function toTop(){

window.scrollTo('0','0');

document.getElementById('rTop').style.display="none"

}

返回顶部

顶部

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

测试

底部

希望本文所述对大家的javascript程序设计有所帮助。