ホームページ >ウェブフロントエンド >jsチュートリアル >jquery jsに基づいたタブ切り替えprinciple_jquery
jquery jsに基づいたタブ切り替えprinciple_jquery
- WBOYオリジナル
- 2016-05-16 18:30:431402ブラウズ
html コード:
2222222222222222222222222222222
js コード:
コードをコピー コードは次のとおりです:
- プロフィールアカウントのメンテナンス
- ここに来てください< ;/ li>
- 1111111111111111111
2222222222222222222222222222222
js コード:
コードをコピー コードは次のとおりです:
$(function(){
$(".tab>li").mouseover(function(){
$(".tab> ;li ").removeClass("on");
$(this).addClass("on");
var target = $('#' this.rel);
if (target. size( ) > 0) {
$('.details > dl').hide();
target.show(); else {
alert('そのようなコンテナ .');
}
});
レンダリング:
$(".tab>li").mouseover(function(){
$(".tab> ;li ").removeClass("on");
$(this).addClass("on");
var target = $('#' this.rel);
if (target. size( ) > 0) {
$('.details > dl').hide();
target.show(); else {
alert('そのようなコンテナ .');
}
});
レンダリング:
パッケージのダウンロード アドレス
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。