回到顶部代码

gogolo · 发表于 2009-4-27 12:56:34

怎么把这个小正方形的回到顶部按钮换成图片

<style>
html,body{
height:1000px;
}
#test{
height:50px;
width:50px;
background:#f60;
position:fixed;
bottom:100px;
right:0px;
display:none;
}
</style>
<!--[if lt IE 7]>
<style type="text/css">
#test{position:absolute;top:expression(eval(document.documentElement.scrollTop + 350));}
</style>
<![endif]-->
</head>
<body>
<div id="test">
</div>
<script type="text/javascript">
idTest=document.getElementById('test');
idTest.onclick=function (){
document.documentElement.scrollTop=0;
sb();
}
window.onscroll=sb;
function sb(){
if(document.documentElement.scrollTop==0){
idTest.style.display="none";
}else{
idTest.style.display="block";
}
}
</script>

复制代码

webwindow · 发表于 2009-4-27 13:27:18

不知道帮你顶顶
www.weishanhome.com

gogolo · 发表于 2009-4-27 14:52:49

gogolo · 发表于 2009-4-27 17:27:44

再顶上去

junjade · 发表于 2009-4-27 17:36:56

本帖最后由 junjade 于 2009-4-27 17:38 编辑

直接<a href="yourdomain#"><img src="the image's address"></a>不就OK了啊，哈哈，注意#！！！

happy175 · 发表于 2011-8-2 15:59:21

效果不错，就是在IE6中，有抖动的现象

		自动登录	找回密码
密码			立即注册