国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

三級下拉菜單的js實現代碼

2019-11-20 23:48:44
字體:
來源:轉載
供稿:網友
三級下拉菜單的實現:
復制代碼 代碼如下:

function list(idstr){
var name1="subtree"+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;i<22;i++){
var name3="img"+i;
var name="subtree"+i;
var o=document.all(name);
if(o!=undefined){
o.style.display="none";
var image=document.all(name3);
//alert(image);
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是一個數字字符,用于區別不同的子菜單和圖片。通過document.all(name1)拿到所有的id為name1(一變量)的子菜單,這里
其實只有一個,判斷如果當前是隱藏狀態,則進入循環,又如果元素有定義(為了方便,通過i取到的有些子菜單可能是未定義的)就把所有子菜單隱藏掉(除了1級菜單,包括2、3級菜單)、換掉當前同級菜單圖標,最后把當前選中菜單顯示出來、換掉當前選中的圖標。有種特殊情況:當idstr>12&&idstr<20時候,這時正是第二級菜單激活第三級菜單展開的時候,如下圖:選中論文管理,因為成果管理是論文管理的父菜單,成果管理不能隱藏,于是有if(idstr>12&&idstr<20)后面的代碼塊。最后的else就很好理解了,如果當前被選中菜單展開就隱藏掉,并換掉圖標。
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!=undefined)
{tp2.src="<%=basePath%>admin/images/ico06.gif";}//圖片ico06為藍色的正方形
}
}
}

代碼說明:只是換掉圖標而已,表示激活或失活。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 邓州市| 正定县| 夏河县| 固镇县| 松潘县| 韩城市| 临海市| 都昌县| 山阳县| 浦城县| 康保县| 亚东县| 钦州市| 潢川县| 盐山县| 安福县| 珠海市| 马山县| 阜新| 长寿区| 金溪县| 凤城市| 阿城市| 鹿泉市| 甘德县| 德格县| 保康县| 泰顺县| 前郭尔| 邓州市| 涡阳县| 保亭| 汶川县| 皋兰县| 河间市| 河北区| 革吉县| 鹤山市| 周口市| 客服| 玉门市|