侧滑菜单选项卡

时间:2011-07-08 06:06:08

标签: javascript html css

我想实现一个类似于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;
    }
}

这应该可以很好地显示/隐藏表格..但是如何动态地将两个表格相加到另一个...因为主菜单表将始终可见,但隐藏的子菜单将位于主菜单下方..

任何方法都这样做? 我是在正确的道路上吗?

1 个答案:

答案 0 :(得分:0)

绝对是在正确的道路上,这是一个很好的概念测试。

我建议您专门在slideToggle()toggle()方法中查看jQuery(或其他JavaScript库,如Scriptaculous)。

不想全部放弃,但看看亚马逊的源代码,你可能会得到一些有用的小技巧。 :P