ナビゲーションバー背景切り替えのjQuery実装例effect_jquery

結果例：

复制代代码如下:

<頭>



.nav{高さ:40px; width: 100%;background: #E6E6E6;}
.nav ul li{float: left;list-style: none;margin-right: 20px;line-height: 40px;}
.nav ul li a {テキスト装飾: なし;表示: ブロック;幅: 60px; text-align:center;}
.onNav{font-weight:bold;color:#fff;背景: #ccc;}

• 首页


• 博客


• 论坛


について

• 联系

js 部分：

复制代码代码如下:

<スクリプトタイプ="text/javascript">
$(".nav ul li a").click(function(){if($(this).has(".onNav")){ //标签追加クリックイベントに到達、背景が存在するかどうかを判断
$(this).addClass("onNav").parent("li").siblings("li").find("a").removeClass("onNav");}}) // 追加类并移除已有的类

上は 1 つの方法、以下は別の方法です:

复制代 代価次のとおりです。

🎜>

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。