前端超級好用a標籤跳轉帶錨點效果
阿新 • • 發佈:2018-11-20
<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