<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿淘宝回到顶部代码</title>
<!--[if lt IE 7]>
<style type="text/css">
#gotopbtn{position:absolute;top:expression(eval(document.documentElement.scrollTop + 350));}
</style>
<![endif]-->
<style type="text/css">
body{
font:12px Verdana, Geneva, sans-serif;
line-height:1.2;
text-align:center;
margin:0px;
}
#gotopbtn
{
color:White;
width:30px;
height:30px;
background:#9cd27e;
position:fixed;
bottom:100px;
right:40px;
display:none;
cursor:pointer;
font-size:14px;
line-height:30px;
border:1px solid #aaa;
}
.main{
width:100%;
background:#ccc;
margin:0 auto;
}
</style>
</head>
<body>
<div class="main">
<img src="images1/bg.png" width="960" height="1320" alt="" /><br/>
</div>
<div id="gotopbtn">Top</div>
<script type="text/javascript">
backTop = function (btnId) {
var btn = document.getElementById(btnId);
var d = document.documentElement;
window.onscroll = set;
btn.onclick = function () {
btn.style.display = "none";
window.onscroll = null;
this.timer = setInterval(function () {
d.scrollTop -= Math.ceil(d.scrollTop * 0.1);
if (d.scrollTop == 0) clearInterval(btn.timer, window.onscroll = set);
}, 10);
};
function set() { btn.style.display = d.scrollTop ? 'block' : "none" }
};
backTop('gotopbtn');
</script>
</body>
</html>
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿淘宝回到顶部代码</title>
<!--[if lt IE 7]>
<style type="text/css">
#gotopbtn{position:absolute;top:expression(eval(document.documentElement.scrollTop + 350));}
</style>
<![endif]-->
<style type="text/css">
body{
font:12px Verdana, Geneva, sans-serif;
line-height:1.2;
text-align:center;
margin:0px;
}
#gotopbtn
{
color:White;
width:30px;
height:30px;
background:#9cd27e;
position:fixed;
bottom:100px;
right:40px;
display:none;
cursor:pointer;
font-size:14px;
line-height:30px;
border:1px solid #aaa;
}
.main{
width:100%;
background:#ccc;
margin:0 auto;
}
</style>
</head>
<body>
<div class="main">
<img src="images1/bg.png" width="960" height="1320" alt="" /><br/>
</div>
<div id="gotopbtn">Top</div>
<script type="text/javascript">
backTop = function (btnId) {
var btn = document.getElementById(btnId);
var d = document.documentElement;
window.onscroll = set;
btn.onclick = function () {
btn.style.display = "none";
window.onscroll = null;
this.timer = setInterval(function () {
d.scrollTop -= Math.ceil(d.scrollTop * 0.1);
if (d.scrollTop == 0) clearInterval(btn.timer, window.onscroll = set);
}, 10);
};
function set() { btn.style.display = d.scrollTop ? 'block' : "none" }
};
backTop('gotopbtn');
</script>
</body>
</html>