AlvinJ.NET » jQuery http://alvinj.net Tech-Life Wed, 09 Jun 2010 08:54:47 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 我也来加个滑动效果的“返回顶部” http://alvinj.net/2009/12/29/%e6%88%91%e4%b9%9f%e6%9d%a5%e5%8a%a0%e4%b8%aa%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e7%9a%84%e8%bf%94%e5%9b%9e%e9%a1%b6%e9%83%a8/ http://alvinj.net/2009/12/29/%e6%88%91%e4%b9%9f%e6%9d%a5%e5%8a%a0%e4%b8%aa%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e7%9a%84%e8%bf%94%e5%9b%9e%e9%a1%b6%e9%83%a8/#comments Tue, 29 Dec 2009 07:46:49 +0000 Alvin.J http://alvinj.net/2009/12/29/%e6%88%91%e4%b9%9f%e6%9d%a5%e5%8a%a0%e4%b8%aa%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e7%9a%84%e8%bf%94%e5%9b%9e%e9%a1%b6%e9%83%a8/ 我也来折腾折腾！早在换现在这个主题的时候我就发现底部的返回按钮动作有点生硬，一点就立马返回顶部，完全没有一个过渡的效果，于是趁现在有空改善改善。刚好前段时间在WPGroup的技术组老大“木木木木木”博客上看过类似的文章，于是马上过去偷一下师。

不得不佩服jQuery的强大，这个滑动效果只要一句代码就搞定了！

按照 木木木木木 老大上的说明，先加载了jQuery库，然后加入一句他写好的jQuery语句，Ok了，就这么简单！

jQuery代码：

$('#top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);return false;});

使用时，将top改为主题CSS中相应的项目名称。

参考资料：http://immmmm.com/jquery-added-back-to-top-sliding-effect.html

以后没事给我多按

]]> http://alvinj.net/2009/12/29/%e6%88%91%e4%b9%9f%e6%9d%a5%e5%8a%a0%e4%b8%aa%e6%bb%91%e5%8a%a8%e6%95%88%e6%9e%9c%e7%9a%84%e8%bf%94%e5%9b%9e%e9%a1%b6%e9%83%a8/feed/ 6