javascript回到顶部滑动效果及点击导航滑动到相应热点的效果

今天有个朋友问我网站回到顶部滑动效果是如何实现的。还有我个人介绍中滑动效果。

今天我总结一下javascript,jquery滑动效果的实现。其实代码很简单，回到顶部的代码就一句话就可以实现！

$("body,html").animate({scrollTop:0},500);

用jquery animate()方法，scrollTop到0，用500毫秒的时间。

假如，你想用ID标签做热链接，也就是 href="#ID"这种方法滑动的话，也很简单

写一个click时间就可以了

$("#a标签").click(function(){
    var href=$(this).attr("href");
    var top=$(href).offset().top;
    $(this).blur();
    $("body,html").animate({scrollTop:top},500);
    return false;
})

怎么样，是不是很简单？

返回顶部可以看我博客的返回顶部效果，标签点击效果可以看我的介绍中 http://www.haorooms.com/about

也可以看 http://www.91zaojia.com/contractus.html

欢迎交流！