锚点链接

通俗简单地说，比如一篇很长的文章，你想按分段精确来看，那就可以用到锚点了。 命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 

一，HTML 页面锚点的两种方式。（无动效）

1，创建锚点使用 <a> （锚）标签和 name 属性

      a,同一页面内

              <a href="#001">跳到001</a> 
              ...文字省略 
             <a name="001" > & n b s p </a> 
              ...文字省略 

      b，不同页面

             <a href="123.html#001">跳到001</a> 
             ...文字省略 
            <a name="001" > & n b s p </a> 
            ...文字省略 

2，标签 name 属性之外，还可以使用 id 属性（与上述类似）

       a,同一页面内

              <a href="#001">跳到001</a> 
             ...文字省略 
              <div  id="001" >内容 </div> 
              ...文字省略 

       b，不同页面

             <a href="123.html#001">跳到001</a> 
            ...文字省略 
            <div  id="001" >内容  </div> 
           ...文字省略 

二，利用jq的animate是想动效锚点链接

导航栏自定义属性

<ul class="index_nav">
    <li><a href="javascript:void(0)" title="1"></a></li>
    <li><a href="javascript:void(0)" title="2"></a></li>
</ul>

内容块相应id名

<div class="row" id="index_1">
    <h2 >这是第一一个活动页</h2>
    <div class="mainpage mainpage1"></div>
</div>

<div class="row" id="index_2">
    <h2 >这是第二二个活动页</h2>
    <div class="mainpage mainpage2"></div>
</div>

<script>
    $(function(){
        $(".index_nav li a").click(function() {
            var index=this.title;
            var id='#index_'+index;
            //alert(id)
            $("html,body").animate({scrollTop: $(id).offset().top}, 1000);
        })
    })
</script>