文章归档友情连接照片地图

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

分类:wordpress  作者:rming  时间:2011-03-06

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

代码下载: http://www.luoxv.com/download/gotop.rar

使用方法:

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

2. 在要添加返回顶部按钮代码的页面头部添加如下代码:

比如添加在网站模板的头部文件。

注意事项:

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像素。



  1. 不?,希望能有多?

    1. pser pser

      @qvod, :mrgreen: Ok

提交评论