简单实现返回顶部

第一步，写JScript代码，可以直接引用。

// JScript 文件

var isie6 = window.XMLHttpRequest ? false : true; function newtoponload() { var c = document.getElementById("full"); function b() { var a = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (a > 0) { if (isie6) { c.style.display = "none"; clearTimeout(window.show); window.show = setTimeout(function () { var d = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (d > 0) { c.style.display = "block"; c.style.top = (400 + d) + "px" } }, 300) } else { c.style.display = "block" } } else { c.style.display = "none" } } if (isie6) { c.style.position = "absolute" } window.onscroll = b; b() } if (window.attachEvent) { window.attachEvent("onload", newtoponload) } else { window.addEventListener("load", newtoponload, false) } document.getElementById("full").onclick = function () { window.scrollTo(0, 0) };

第二步：页面引用javascript。

        <script src="../Js/go_top.js" type="text/javascript"></script>

第三步：建立一个div，将图片插入进页面。

        <div id="full" style="width:70px; height:30px; position:fixed; z-index:100; margin-left:805px; bottom:10px;text-align:center; cursor:pointer;float:left;">
         <a><img src="back-tip.png" border=0 alt="返回顶部"></a>
        </div>