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

}


你可能感兴趣的:(javascript按钮的三级联动)