3 レベルのドロップダウン メニュー_ナビゲーション メニューの js 実装コード

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

三階層下拉菜单の实现:

复制代代码如下:

関数リスト(idstr) {
var name1="サブツリー" idstr;
var name2="img" idstr;
var objectobj=document.all(name1);
var imgobj=document.all(name2);
//alert(imgobj);
if(objectobj.style.display=="none"){
for(i=1;ivar name3="img" i;
var name="サブツリー" i;
var o=document.all(name);
if(o!=unknown){
o.style.display="none";
var image=document.all(name3);
//アラート(画像);
image.src="<%=basePath%>admin/images/ico04.gif";
if(idstr>12&&idstr<20){
document.getElementById("subtree11").style.display="";
document.getElementById("img11").src="<%=basePath%>admin/images/ico03.gif";
}
}
}
objectobj.style.display="";
imgobj.src="<%=basePath%>admin/images/ico03.gif";
}
else{
objectobj.style.display="none";
imgobj.src="<%=basePath%>admin/images/ico04.gif";
}
}

代コード解:
と同様に、idstr は異なる子菜と図を区切るために使用される数字です。すべての ID は name1 (一変量) の子菜です。ここでは
に 1 つしかありません。現在が危険な場合は循環し、元素がある場合は、取得した子菜を確認してください。未定の可能性があります)すべての子野菜を移動し(1 階層の野菜を除き、2、3 階層の野菜を含む)、現在の同じ階層の野菜の図を切り替え、最後に現在の選択中の野菜を表示し、現在の選択肢内の図を切り替えます。特殊な状況:当idstr>12&&idstr
3级菜单
复制代码代码如下:
function tupian(idt){
var nametu="xiaotu" idt;
var tp = document.getElementById(nametu);
tp.src="<%=basePath%>admin/images/ico05.gif";//図片ico05は白色の正方形
for(var i=1;i<32;i )
{
var nametu2="xiaotu" i;
if(i!=idt*1)
{
var tp2=document.getElementById('xiaotu' i);
if(tp2!=unknown)
{tp2.src="<%=basePath%>admin/images/ico06.gif";}//图片ico06は蓝色の正方形
}
}
}

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