【原创】CSS+JavaScript 实现菜单功能--改进版

if (document.getElementById) { 
    var root = new Root();   
     
    var m1 = new Menu("File","alert(this.innerText);"); 
    root.add(m1); 
    var m11 = new MenuItem("New"); 
    m1.add(m11); 
    m1.add(new MenuItem("Open","alert('open file');")); 
    var m12 = new MenuItem("Save"); 
    m1.add(m12); 
    m1.add(new MenuItem("Save As")); 
    m1.add(new MenuItem("Close")); 
    m1.add(new MenuItem("")); 
     
    var m2 = new Menu("Edit"); 
    root.add(m2); 
     
    root.toString();     
}

说明：

1） var root = new Root();      

        root.toString();  

        固定格式

2）声明菜单：

        var m1 = new Menu("File","alert(this.innerText);");

        菜单显示的名称为“File”，onclick事件为alert(this.innerText);

        root.add(m1);

        第一级菜单（即页面初始显示的菜单）放到root之下，通过add()方法

        var m11 = new MenuItem("New"");

        m1.add(m11);

        声明“File”的子菜单“New”

        m1.add(new MenuItem("Open","alert('open file');"));

        声明“File”的子菜单“Open”

通过上面的代码即可完成菜单的添加功能。