在做前端设计的时候，用户体验很重要。现在博客，论坛的楼都盖得很高，向下滚屏再想返回的时候，有个电梯坐坐，是很惬意的事。
以前返回顶部，直接在页面底部加<a href="#">返回顶部</a>，效果是实现了，可是却是“嘣”得一下跳到最上面，没有缓冲，胆小的可能会被吓一跳，这样的用户体验是不友好的。 要是单击“返回顶部”后页面会慢慢的滚动到最顶端，岂不是很好？另外一个问题，象淘宝的页面，是当你有向下滚屏的时候，才在右下角出现"返回顶部"，这样就避免了没有分屏的页面也出现这个多余的功能，3层的楼房，没有安装电梯的必要么，呵。
好了，闲话不多说。上正菜。
修改步骤
1，先把下面的源码下载下来，放到你的站的javascript或者script目录下。就是一个js文件。大小为464个字节。
2，把下面代码加入到css里。
#gotopbtn {
width:60px;
height:20px;
background:#fff;
position:fixed;
bottom:10px;
right:5px;
display:none;
cursor:pointer;
font-size:12px;
line-height:20px;
border:1px solid #aaa;
}3，在你要加这个效果的页面加入上面的JS调用。这里不要忘记SEO，把JS放在页面的最后调用，也就是</body>前面就可以了。 我的博客是zblog，我在模板里的default.html，catalog.html，search.html，tags.html，single.html五个文件里都加入了下面代码。然后重建文件就OK了。
<div id="gotopbtn">返回顶部</div>
<SCRIPT src="/js(这里是第一步你放js的目录)/gotop.js" type=text/javascript></SCRIPT>
今日附送 更多>>
南非最大通讯运营商Telkom提供的ADSL服务低劣，网速慢价格高，一家南非数据中心公司实在忍受不了蜗牛一样的不稳定网速，计算后发现信鸽传递数据的速度比ADSL的速度要快得多。他们进行了一次试验，在鸽脚上绑上4GB的micro SD卡，鸽子用了48分钟完成传送数据的任务，而此时ADSL还在下载中。
原创文章请注明转载自： 三七八蛋
本文地址： http://www.378Q.com.cn/post/137.html
