ナビゲーションを動的に作成する 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("

" menutitle "

");
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 "

");
}
}

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