Jquery加载内容从右侧滑入/滑出

Question

我希望单击菜单项时，div 将从右向左滑动，然后打开关闭选项(滑回到右侧)

例如:http://www.cortac.com/

有什么想法、演示链接等可以实现这一点吗？

我发现这个与上面的很接近，但不会从右向左滑动。

http://d2o0t5hpnwv4c1.cloudfront.net/011_jQuerySite/sample/index.html

Answer 1

我在这里做了一个非常简单的例子:http://jsfiddle.net/jaketoolson/ukztv/

我将面板设置为绝对定位，并将右侧设置为等于宽度的负值。

#page {
position: absolute;  
top: 20%;
right: -400px; 
width: 400px;
}

然后 jQuery 是一个鼠标悬停(使用单击等)效果，其中“animate”设置 objective-c ss:

$('.link').mouseover(function() {
$('#page').animate({'right':'0px'}, 1500);
}).mouseout(function(){
$('#page').animate({'right': '-800px'}, 1500);});

要让它加载页面，可以通过 AJAX 或其他方法来完成。请参阅我当前正在此处构建的示例:http://jaketoolson.com/ems/index.php