javascript按鈕的三級聯動


首先非常感謝網友寧靜致遠的無私分享,這是一款他剛整理出來的簡單實用的導航菜單,第一時間與大家分享,用原生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

}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章