Javascript 从“淡入淡出”到“向右滚动”的滑块

我在屏幕右侧有一个隐藏菜单，它通过单击按钮来显示和隐藏

function open_menu() {
document.getElementById('slide').innerHTML = "<a href='javascript:clo_menu()'></a>";
}

function clo_menu() {
document.getElementById('slide').innerHTML = "<a href='javascript:open_menu('></a>";
}

现在它消失了，我只想从屏幕上滑出来。这可行吗

JSFIDDLE-

---

谢谢。

一个可能的解决方案是添加overflow-x:hidden；适合你的体型。这将允许您在不创建滚动条的情况下将菜单移出屏幕：

body {
   overflow-x: hidden;
}

稍后我将使用移动菜单：

$("#clickme").toggle(function () {
    $(this).parent().animate({right:'0px'}, {queue: false, duration: 500});
}, function () {
    $(this).parent().animate({right:'-100px'}, {queue: false, duration: 500});
});

---

查看JSFIDLE以查看我的工作示例。

您可以查看此JS FIDLE。您的意思是您想要类似Facebook的方框。鼠标左键弹出，鼠标右键滑出。但在你的情况下，你希望它是可点击的。而不是滑鼠和老鼠。看见