jQuery汽车品牌按字母锚点导航特效代码下载


jQuery汽车品牌按字母锚点导航特效代码下载
jQuery汽车品牌按字母锚点导航特效代码下载以及字母锚点导航等js/jquery网页特效代码下载。

1. 引入CSS

<link href="css/brand_model.css" rel="stylesheet" type="text/css" />

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/select-car.js"></script>

3. HTML代码

<div class="brand_wrap mt10 clearfix">
  <div class="brand_left">
    <div class="brand_head">品牌</div>
    <div class="brand_nav">
      <div class="brand_side">
        <div class="numA-Z"> <a href="javascript:void(0)" class="active">A</a> <a href="javascript:void(0)">B</a> <a href="javascript:void(0)">C</a> <a href="javascript:void(0)">D</a> <a href="javascript:void(0)">F</a> <a href="javascript:void(0)">G</a> <a href="javascript:void(0)">H</a> <a href="javascript:void(0)">J</a> <a href="javascript:void(0)">K</a> <a href="javascript:void(0)">L</a> <a href="javascript:void(0)">M</a> <a href="javascript:void(0)">N</a> <a href="javascript:void(0)">O</a> <a href="javascript:void(0)">Q</a> <a href="javascript:void(0)">R</a> <a href="javascript:void(0)">S</a> <a href="javascript:void(0)">T</a> <a href="javascript:void(0)">W</a> <a href="javascript:void(0)">X</a> <a href="javascript:void(0)">Y</a> <a href="javascript:void(0)">Z</a> </div>
      </div>
      <div class="brand_col">
        <div class="brand_list">
          <ul class="list_cont">
            <li class="name">A</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="a1">
              <ul>
                <li class="a2"><a href="#">一汽大众</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li menu_no"><a href="#">奥迪Q3</a></li>
                <li class="a2"><a href="#">一汽大众</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li menu_no"><a href="#">奥迪Q3</a></li>
              </ul>
            </li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
			<li class="a1">
              <ul>
                <li class="a2"><a href="#">一汽大众</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li menu_no"><a href="#">奥迪Q3</a></li>
                <li class="a2"><a href="#">一汽大众</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li menu_no"><a href="#">奥迪Q3</a></li>
              </ul>
            </li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
			<li class="a1">
              <ul>
                <li class="a2"><a href="#">一汽大众</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li menu_no"><a href="#">奥迪Q3</a></li>
                <li class="a2"><a href="#">一汽大众</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li"><a href="#">奥迪Q3</a></li>
                <li class="menu_li menu_no"><a href="#">奥迪Q3</a></li>
              </ul>
            </li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">B</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">C</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">D</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">F</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">G</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">H</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">J</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">K</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">L</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">M</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">N</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">O</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">Q</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">R</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">S</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">T</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">W</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">X</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">Y</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li class="name">Z</li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
            <li><a href="#"><span class="sign"><img src="images/audi.png"></span>奥迪</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>

相关推荐

发表评论

相关文章