<!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=gbk" />
<title>有趣的动画回到顶部</title>
<style type="text/css">
<!--
.tops {
background: url("http://blog.51cto.com/images/tops.jpg") no-repeat scroll center center transparent;
}
.backToTop {
bottom: 10px;
cursor: pointer;
display: none;
height: 45px;
opacity: 0.6;
position: fixed;
position:absolute\9;
right: 140px;
text-indent: -9999px;
width: 45px;
}
-->
</style>
</head>
<body>
<div id="content"><a href="#topTo">回到顶部</a></div>
<p><a name="topTo" id="topTo"></a>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p><p>liehuo.net 网页特效</p>
<script type="text/javascript" src="http://new.51cto.com/wuyou/zhibo/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
(function() {
var backToTopTxt = "返回顶部", backToTopEle = $('<div class="backToTop tops"></div>').appendTo($("body"))
.text(backToTopTxt).attr("title", backToTopTxt).click(function() {
$("html, body").animate({ scrollTop: 0 }, 520);
}), backToTopFun = function() {
var st = $(document).scrollTop(), winh = $(window).height();
(st > 0)? backToTopEle.show(): backToTopEle.hide();
//IE6下的定位
if (!window.XMLHttpRequest) {
backToTopEle.css("top", st + winh - 60);
}
};
$(window).bind("scroll", backToTopFun);
$(function() { backToTopFun(); });
})();
</script>
</body>
</html>
