1. 程式人生 > >導航點選變色(防重新整理)純前臺程式碼實現

導航點選變色(防重新整理)純前臺程式碼實現

導航欄點選變色或者新增屬性時,由於頁面自動重新整理,往往效果很難讓人滿意!

一般的做法就是判斷當前URL 通過匹配當前URL 來控制當前點選效果的實現

還有一種方法是後臺實現的,具體怎麼 做,這裡不做說明!

說下純前臺程式碼實現這種能重新整理的導航欄點選變色或者增加屬性的效果!

$(document).ready(function(){
	$('#nav li a').each(function(){
    if($($(this))[0].href==String(window.location))
        $(this).addClass('cur');
	});
})