ホームページ JS特殊効果 jQueryの効果 jQuery + 左タブメニューをクリックしてトグルコードを切り替えます

jQuery + 左タブメニューをクリックしてトグルコードを切り替えます

jQuery + 左タブメニューをクリックしてトグルコードを切り替えます

jQuery + 左タブメニューをクリックしてトグルコードを切り替えます

$(document).ready(function(){

関数 myfunction(li,li_a,menu_tab){
li.click(function(){
varindex=$(this).index();
menu_tab.eq(index).addClass("active").siblings().removeClass("active");
li_a.removeClass("selected");
li_a.eq(index).addClass("selected").siblings().removeClass("selected");

});
}

myfunction($(".container .menu .ulmenu1 li"),$(".container .ulmenu1 li a"),$(".container .content .menu1 .tab"));
myfunction($(".container .menu .ulmenu2 li"),$(".container .ulmenu2 li a"),$(".container .content .menu2 .tab"));
myfunction($(".container .menu .ulmenu3 li"),$(".container .ulmenu3 li a"),$(".container .content .menu3 .tab"));


$(function(){ //ul/li的折叠效果
$(".menu > ul").eq(0).show();
$(".menu h3").click(function(){
//メニュー对应的タブ
$(".menu_tab > div").removeClass("active");

var val=($(this).next().attr('class'));
var menu_value=(val.substring(val.length-1));
$(".container .content .menu" menu_value " .tab:first-child").addClass("active");
$(".container .menu .ulmenu" menu_value " li>a").removeClass("selected");
$(".container .menu .ulmenu" menu_value " li a").eq(0).addClass("selected");//被選択中状態に設定します
$(this).next().stop().slideToggle();
$(this).siblings().next("ul").stop().slideUp();
});

});

これは、一部門jQueryの左側選択メニュー単位のポイント切り替えコードであり、ポイント左側選択メニュー単位で切り替えが可能です。

免責事項

このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn

関連記事

JS CSS でタブメニューのスライド切り替えを実装します。 JS CSS でタブメニューのスライド切り替えを実装します。

16 May 2016

この記事では主に、JavaScript マウス イベントとページ要素スタイルの動的切り替え効果の実装テクニックを含む、スライド切り替えタブ メニュー効果を実現するための JS CSS を紹介します。必要な方は、以下を参照してください。

jQuery はスムーズなスクロールラベル列切り替えを実装します。 jQuery はスムーズなスクロールラベル列切り替えを実装します。

16 May 2016

この記事では、jQuery のマウス イベントとページ要素スタイルの動的操作スキルを含む、スムーズなスクロール ラベル列切り替え効果を実現するための jQuery を主に紹介します。

js マウスをクリックして画像を切り替える - 画像の自動切り替え - 左右のボタンをクリックして特殊効果を切り替える code_javascript スキル js マウスをクリックして画像を切り替える - 画像の自動切り替え - 左右のボタンをクリックして特殊効果を切り替える code_javascript スキル

16 May 2016

今日は主に、マウスでボタンをクリックして画像を切り替える、画像を自動的に切り替える、左右のボタンをクリックして画像を切り替えるという 3 つの効果を実現するための js と css のコードを組み合わせて紹介します。コードは非常に簡単です。必要な友達は一緒に学ぶことができます。

jquery はクールなオーバーレイの自動切り替えを実装します Effects_jquery jquery はクールなオーバーレイの自動切り替えを実装します Effects_jquery

16 May 2016

この記事では主に、クールなオーバーレイ自動切り替え効果の jQuery 実装について説明します。その効果は非常に優れています。

jQueryはスライド効果を備えたタブスライド切り替えメニューを実装します jQueryはスライド効果を備えたタブスライド切り替えメニューを実装します

26 Apr 2018

今回はjQueryでスライドショー効果のあるタブスライド切り替えメニューを実装するための注意点を紹介します。実際の事例を見てみましょう。

jqueryサムネイルをクリックして再生効果を切り替える jqueryサムネイルをクリックして再生効果を切り替える

25 Apr 2018

今回はjqueryのクリックサムネイル切り替え再生エフェクトの実装についてお届けします。 jqueryのクリックサムネイル切り替え再生の注意点は以下の通りです。​

jQuery+CSS でラベル列のスライディング切り替えを実装します。 jQuery+CSS でラベル列のスライディング切り替えを実装します。

16 May 2016

この記事では主にスライディングラベル列切り替え効果を実現するための jQuery を紹介します。必要な方は参考にしてください。

jQuery はタブのスクロール切り替え効果を実装します code_jquery jQuery はタブのスクロール切り替え効果を実装します code_jquery

16 May 2016

この記事では、jQuery のスクロール切り替えのためのタブ効果コードを主に紹介し、jQuery チェーン操作とスタイル動的操作の関連テクニックを紹介します。必要な方は参考にしてください。

jqueryはQQモールを模倣し、左右のボタンでフォーカス画像の切り替えスクロールを制御しますeffect_jquery jqueryはQQモールを模倣し、左右のボタンでフォーカス画像の切り替えスクロールを制御しますeffect_jquery

16 May 2016

jquery画像の特殊効果は、テンセントQQモールのホームページのバナーのフォーカス画像カルーセル切り替え効果を模倣するために生成され、インデックスボタンコントロールと左右のボタンで画像切り替えを制御します。興味のある方は以下のサンプルコードを参照してください。それに。

See all articles See all articles

Hot Tools

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果

Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート

520 バレンタインデーの告白 Web アニメーション特殊効果

520 バレンタインデーの告白 Web アニメーション特殊効果

jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション

クールシステムのログインページ

クールシステムのログインページ

クールシステムのログインページ

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER

HTML5テープミュージックプレーヤー - CASSETTE PLAYER