2

我想要点击菜单项，div 将从右向左滑动并打开关闭选项（滑回右侧）

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

任何想法，演示链接等来完成这个？

我发现它接近上面但不会从右向左滑动。

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

4

2 回答 2

2

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

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

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

然后jQuery是一个鼠标悬停（使用点击等）效果，“动画”设置目标css：

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

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

于 2012-04-10T17:56:54.573 回答
0

8个月前我问了一个类似的问题，并想出了一个答案......比你问的要复杂一些，但它是我见过的唯一类似的东西......

具有动态上一个/下一个内容的 jQuery 滑块的最佳方法？

于 2012-05-19T06:45:37.580 回答