我正在尝试创建一个具有类似效果的滑动侧栏

> www.wookmark.com
> http://www.dynamicdrive.com/dynamicindex1/slideinmenu.htm.

这是我写代码的距离.但这是生涩的.

>任何人都可以提出更好的解决方案与aniamtions / easing / toggle等
>我希望代码独立于左参数,即$(“#slide”).css(“left”,“ – 150px”);
它应该能够以各种div宽度滑入/滑出

有任何想法吗 ？

CSS

#slide{
border:1.5px solid black;
position:absolute;
top:0;
left:0;
width:150px;
height:100%;
background-color:#F2F2F2;
layer-background-color:#F2F2F2;
}

HTML

SEOver(function() {
            $("#slide").css("left","0px");
        });

        $('#slide').mouSEOut(function() {
            $("#slide").css("left","-150px");
        });

    });