侧滑菜单选项卡

Question

我想实现一个类似于amazon.com中的右侧滑动菜单。我正在尝试使用javascript在每个mouseover/onclick事件上编辑脚本。我想隐藏/显示每个事件的表格。

function show(a){
    var id="myMenu"+a
   if (i<-12){
        i=i+speed;
        document.getElementById(id).style.left=i;
    }
}
function hide(a){
    var id="myMenu"+a
    if (i>-135){
        i=i-speed;
        document.getElementById(id).style.left=i;
    }
}

这样可以很好地显示/隐藏这些表。但是如何动态地添加两个表一个在another..because上主菜单表将始终可见，但隐藏的子菜单将在主菜单下面。

有什么方法可以做到这一点吗？我走的路对吗？

Answer 1

这绝对是一条正确的道路，这是一个很好的概念测试。

我建议您研究一下jQuery (或其他JavaScript库，如Scriptaculous)，特别是slideToggle()和toggle()方法。

我不想把所有的东西都泄露出去，但是看看Amazon的源代码，你可能会得到一些有用的小技巧。:P