用jQury实现在本页面跳转效果,类似锚记

来源:互联网 发布:数据库用vs打开 编辑:程序博客网 时间:2024/05/16 05:46

1、在我的资源中免费下载插件http://download.csdn.net/detail/harderxin/4358713

2、给要跳转的位置加上超链接,<a href="javascript:void(0);" id="scorll">点击我</a>

3、在页面中添加如下一段JS代码

<Script type="text/javascript">

jQuery(document).ready(function($) {
/*ScrollTo*/
    $('#scroll').click(function(e) {
        $.scrollTo(this.hash || 460, 1000);
        e.preventDefault();
    });
    
});

</script>

注意:#scroll表示a标签的id;

        460:表示跳转后的位置距离顶部的高度;

        1000:表示跳转中的速度


原创粉丝点击