首先非常感謝網友寧靜致遠的無私分享,這是一款他剛整理出來的簡單實用的導航菜單,第一時間與大家分享,用原生javascript實現的,沒有用jquery庫,利用js面向對象的特性封裝了成一個導航菜單的功能,只有兩個funciton,一個是c,另一個是cmenu,具體的大家查看作品吧。。。
大家請注意:只看作品功能哦,不要被內容吸引啊。。。。
功能代碼如下:
01
var $ksjs = {
02
c: function(c) {
03
var head = document.getElementById("header").getElementsByTagName("ul");
04
for (var i = 0; i < head.length; i++) {
05
head.item(i).style.display = "none";
06
}
07
document.getElementById("m" + d).style.display = "block";
08
},
09
cmenu: function(id) {
10
var m = document.getElementById("m" + id);
11
var mh = m.innerHTML.toLowerCase();
12
var head = document.getElementById("header").getElementsByTagName("ul");
13
for (var i = 0; i < head.length; i++) {
14
head.item(i).style.display = "none";
15
}
16
if (mh.indexOf("<li>") > 0) {
17
m.style.display = "inline";
18
} else {
19
document.getElementById("m0").style.display = "inline"
20
}
21
}
22
}