jquery - 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(" . . . . . . ");