1. 程式人生 > >前端超級好用a標籤跳轉帶錨點效果

前端超級好用a標籤跳轉帶錨點效果

<div class="nav">
<ul>

      <li><a href="1.html" class="hover"> 首頁</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