탐색 모음 배경 전환 effect_jquery의 jQuery 구현 예

效果如下：
 

复主代码 代码如下:

<머리>


<스타일>
.nav{높이:40px; 너비: 100%;배경: #E6E6E6;}
.nav ul li{float: 왼쪽;목록 스타일: 없음;여백-오른쪽: 20px;줄 높이: 40px;}
.nav ul li a {텍스트 장식: 없음; 디스플레이: 블록;너비: 60px; 텍스트 정렬: 중앙;}
.onNav{글꼴-가중치: 굵게;색상:#fff; 배경: #ccc;}


<본문>

• 首页


• 博客


• 论坛


• 关于


• 联系

js 부분:

复代码 代码如下:

<스크립트 유형="텍스트/자바스크립트">
$(".nav ul li a").click(function(){if($(this).has(".onNav")){ //找到a标签添加click事件，判断是否有背景存재
$(this).addClass("onNav").parent("li").siblings("li").find("a").removeClass("onNav");}}) //添加类并移除已有的类

상면是一种方法，以下是另외일种：

复主代码 代码如下:

🎜>