Question

给网页加一个返回顶部的按钮

给出详细的代码，按钮能用自己设计的图片。求解？

Answer 1

<div id="goTopBtn" title="Top" style="bottom: 130px;">

</div>

<script type="text/javascript">
    $(window).scroll(function () {
        var sc = $(window).scrollTop();
        var rwidth = $(window).width(); //当前页面宽度
        var iwidth = $("#goTopBtn").width(); //top图片宽度

            var swidth = (rwidth - 980) / 2; //计算主体内容距离左边框空白区宽度
            if (sc > 0) {
                $("#goTopBtn").css("display", "block");
                $("#goTopBtn").css("left", (980 + swidth) + "px");
            } else {
                $("#goTopBtn").css("display", "none");
            }
        }
      
    $("#goTopBtn").click(function () {
        var sc = $(window).scrollTop();
        $('body,html').animate({ scrollTop: 0 }, 500);
    })

</script>

Answer 2

<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;
}
suspendcode="<div id=\"full\" style='right:1px;POSITION:absolute;TOP:600px;z-index:100'><a onclick='window.scrollTo(0,0);'>返回顶部</a><br></div>"
document.write(suspendcode);
window.setInterval("heartBeat()",1);
</script>
把这js嵌入你的页面即可。想换图标就把“返回顶部”用图片代替。多页面使用可以把这段js另存为js文件，在需要的页面引用即可。

Answer 3

最简单一个空的超链接就可回到顶部

<div>
<a href=""><img src="" border="0" alt="" /></a>
</div>

div可以自己定义样式；src换成自己的图片即可

Answer 4

<form id="form1" runat="server" name="top">
<div>
<div style=" width:1360px; height:1000px; border:1px solid red"></div>
<div style=" width:100px; float:right; "><a href="#top">图片返回</a></div>
</div>
</form>
样式不用我写吧，不需要js 锚点即可 样式和图片自己加上就好

Answer 5

$("a.topLink").click(function() {
		$("html, body").animate({
			scrollTop: $($(this).attr("href")).offset().top + "px"
		}, {
			duration: 500,
			easing: "swing"
		});
		return false;
	});