jquery頭部高亮顯示方法

標籤：input   es2017   http   傳參   attribute   script   add   attr   type   

做網站都有頭部導覽列，但導覽列的高亮顯示一般都是後台技術人員做傳參判斷來顯示高亮樣式，今天來教大家一個用jquery來顯示

廢話不多說，直接上代碼

第一步，在需要的頁面中寫入 <input type="hidden" id="navli_name" value="0">  重點是value="0"，這裡的0代表的首頁  以此類推第二個頁面就寫value="1" ......(ps:這裡也包括二級欄目的頁面)

導覽列代碼：

第二部開始寫jquery效果

<script>
var li_num = $(‘#navli_name‘).val();
$(‘.nav li‘).eq(li_num).addClass(‘nav_click‘).siblings().removeClass(‘nav_click‘);
</script>

 具體實力網址：http://lfyoutong.com/   在這裡感謝班長大人提供的協助

jquery頭部高亮顯示方法