ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryの実装コード tabs_jquery
jqueryの実装コード tabs_jquery
- WBOYオリジナル
- 2016-05-16 18:52:161241ブラウズ
キーコード:
コードをコピー コードは次のとおりです:
$(function(){
$(".tabs li").eq(0).css("background","#499AFF");
$(".tabs div").eq(0).show();
$(".tabs>ul>li").click(function(i){
$(this).css("background","#499AFF").siblings().css("background "," #ffffff");
$(".tabs div").eq($("li").index(this)).show().siblings("div").hide();
return false;
})
})
デモ (「コードの実行」後に一度更新してください):
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。