jQuery使用水平幻灯片/动画显示内容

Question

我有一个小菜单，看起来像这样：

---

                                            Item1  |  Item2  |  Item3

---

菜单位于div内，并在div的右侧浮动。 当我将鼠标悬停在“ Item1”上时，我希望将“子菜单”滑到“ Item1”项的左侧。

---

                      Item 1.1 : Item 1.2 - Item1  |  Item2  |  Item3

---

我只想在该功能上使用“ Item1”。 我已经搜索了。 我发现一些示例1可能可以配置为按我想要的方式工作。 但是我显然缺乏这些技能。 我的第一个问题是使它向左滑动/动画而不是向右滑动，然后我也不想将其滑动到特定大小，因为“子菜单”将包含不同宽度的内容。

感谢所有提示/帮助！

谢谢！

1 - http://www.ilovecolors.com.ar/jquery-sliding-menu/

2 - http://sandbox.ronggur.com/2009/01/25/jquery-tutorial-horizo​​ntal-animated-menu/

Answer 1

我想你的菜单在列表中

$('li:last').hover(function(){$('li').append(<li></li>);
$('li:last').addClass('submenu');
$('.submenu').show();
},function(){
$('.submenu').hide();
$('.submenu').removeClass('submenu');
});

现在带有.html（）; 将您的内容放入弹出菜单

$('.submenu').html(" . . . . . . ");