ホームページ > ウェブフロントエンド > jsチュートリアル > ナビゲーションを動的に作成する jquery に基づく OutlookBar クラス bar_jquery

ナビゲーションを動的に作成する jquery に基づく OutlookBar クラス bar_jquery

WBOY
リリース: 2016-05-16 18:16:04
オリジナル
1554 人が閲覧しました

イラストエフェクト:
ナビゲーションを動的に作成する jquery に基づく OutlookBar クラス bar_jquery
デモアドレス: http://demo.jb51.net/js/menu_jquery/index.html
ダウンロードアドレス: http://xiazai.jb51.net/201011/yuanma/menu_jquery.rar
OutlookBar.js

コードをコピー コードは次のとおりです。

function OutlookBar(targetName)//targetName: 右側の iframe の名前
{
//タイトル
を作成します。 AddTitle=function(menuid ,menutitle,openor){
$("body").append("
");
if( openor==false)
{
$("#child_" menuid).hide();
$("#" menuid).removeClass("menu_down"); " menuid).addClass ("menu_up");
}
$("#" menuid).click(function(){
if(openor==false){
$("# child_" menuid).slideDown("fast");
$("#" menuid).removeClass("menu_up");
$("#" menuid).addClass("menu_down");
openor=true;
}
else
{
$("#" menuid).slideUp("fast"); menu_down");
$("#" menuid).addClass("menu_up");
openor=false;
}
})
}
// サブを作成item
this.AddItem=function(menuid,menuchildtext,childurl){
$("#child_" menuid).append("
  • " menuchildtext "
  • ");
    }
    }




    コードをコピー コードは次のとおりです。
    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート