网页添加返回顶部按钮的代码

Question

当一个页面比较长以后，就想着给网页添加返回顶部按钮，觉得这个和以前写过的浮动广告差不多，只是把广告的链接到页面顶部，不过那样感觉不够炫。发现很多网站都有返回顶部的按钮，最后觉得还是新浪微博的比较炫所以就弄了一个，现在分享给大家。

演示效果：见DEMO

代码下载： http://www.luoxv.com/wp-content/uploads/2010/12/gotop.zip

使用方法：

    1. 上传gotop.png和gotop.js两个文件到您的网站。

    2. 在要添加返回顶部按钮代码的页面头部添加如下代码：
　　<script type=”text/javascript”src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js”></script>
　　<script type=”text/javascript” src=”gotop.js”></script>
　　比如添加在网站模板的头部文件。

    注意事项：
   
    1. 注意修改使用方法第二步gotop.js的路径为你上传到网站的路径。

    2. 如果图片不显示，请修改gotop.js文件：
　　　　(1)找到<img src=”gotop.png” style=”width:50px; height:50px” />，将gotop.png路径修改为你上传到网站的路径。
　　　　(2)如果您换成了自己的图片，请将style=”width:50px; height:50px”修改为你想要的大小。
　　3. 修改gotop.png显示的位置：
　　　　打开gotop.js，找到controlattrs: {offsetx:400, offsety:0}，offsetx:400, offsety:0意味着图片距离浏览器右下角X轴方向400像素，距离浏览器右下角Y轴方向0像素。
                                                                                       
原文链接地址：http://www.luoxv.com/?p=53