前端超级好用a标签跳转带锚点效果

<div class="nav">
<ul>

      <li  class="hover"><a href="1.html"> 首页</a></li>

      <li><a href="2.html"> 用户中心</a></li>

      <li><a href="3.html"> 关于我们</a></li>

      <li><a href="4.html"> 联系我们</a></li>

</ul>

</div>

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">

      $(document).ready(function(){

           $(".nav a").each(function(){

            $this = $(this);

            if($this[0].href==String(window.location)){

                   $this.addClass("hover"); //hover表示被选中效果的类名

            }

         });

   });

</script>

---------------------

转载原文:https://blog.csdn.net/shi851051279/article/details/52885007

posted @ 2018-11-20 14:26  独孤白菜  阅读(2273)  评论(0编辑  收藏  举报