蹭网器_无线蹭网器_无线蹭网卡-蹭网卡多少钱购买

我要介绍的这种方法只需要16行的jQuery代码就可以实现全站的滚动条滑动效果！所以我特想把这种好方法分享给大家使用！

方法介绍：
一、首先引入最新的Google的jQuery库：

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js” type=”text/javascript”></script>

二、在jQuery库的下面放置jQuery代码：

$(document).ready(function(){
$(‘a[href*=#]‘).click(function() {
if (location.pathname.replace(/^\//,”) == this.pathname.replace(/^\//,”)
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $(‘[name=' + this.hash.slice(1) +']‘);
if ($target.length) {
var targetOffset = $target.offset().top;
$(‘html,body’)
.animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});

你也可以把以上代码放置在你的js中进行调用！
这样就够了，你的网站或者博客已经可以实现全站scoll to 滑动效果了！
该方法的原作者是：learningjquery.com
里面介绍有更多jQuery实现的效果，如果你英文好的话可以移步学习一下。

如果你仅仅只想实现从页面底部滑动到顶部的scoll to top 效果，我再介绍一个实现的方法：

首先是jQuery代码：

$(document).ready(function(){
$(‘.retop’).css(“cursor”,”pointer”);
$(‘.retop’).click(function(){
$(‘html,body’).animate({scrollTop: 0}, 1000);});
});

然后是页面html代码：

<div class="tooop">反回顶部</div>

滚动条滑动效果请点击本站页面底部的“返回顶部”按钮！

其他人还看了

• My-Link-Order2.8.7中文版 (0)
• WP-EMail2.50中文版 (0)
• 10G/150G流量/DirectAdmin后台/德国php免费空间/host1free.com (7)
• Wordpress内置模板条件判断函数 (0)

(2 人已评, 平均分: 3.00 / 5)

 载入中…… ...