使用jquery .tabs（） - 内容覆盖页面

Question

我对jQuery非常陌生。只是想获得一种感觉。我喜欢这里演示的标签功能：

http://jqueryui.com/demos/tabs/#mouseover

我真的很喜欢，但是我希望它更像菜单。特别是我希望标签内容出现在页面上的内容（例如菜单）上。另外，就像我滚动选项卡时，内容更改时，当我没有通过任何选项卡上滚动时（或者当用户单击页面上的其他任何地方时）时，我希望选项卡的内容消失（例如菜单）。

因此，我真的想将其用作菜单。如果有人知道菜单控件可以解决我的问题，这也可以正常工作。我只是喜欢一个事实，当我悬停在一个div弹出窗口的项目上时。我想在每个div中放一些文本和两个按钮。

谢谢！

这就是我最初的目的：这是标题：

$("#tabs").tabs().find(".ui-tabs-nav").sortable({ axis: 'x' });
$("#tabs").tabs({ event: 'mouseover' });

这在体内：

 <div id="tabs">
            <ul>
                <li><a href="#tabs-1">First</a></li>
                <li><a href="#tabs-2">Second</a></li>
                <li><a href="#tabs-3">Third</a></li>
            </ul>
            <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
            <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
            <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
        </div>

Answer 1

jQuery支持a 非常丰富的插件模型. 。您可能想看看 菜单插件 而不是试图操纵选项卡以像菜单一样工作。

Answer 2

这是一个例子 如何使用jQuery实现这种行为。该示例非常简单，但是您可以根据需要进行样式。