jquery - 使用 jquery 插件悬停 div 时显示操作栏

Question

我正在寻找解决方案，但很难理解，而且我没有例子:(

想象一下，我有一个包含高图的 div。悬停此 div 时，我想在底部显示一个带有叠加层的操作栏。在启动自定义开发之前，是否有 jQuery 插件可以做到这一点？

Answer 1

也许你可以尝试这样的事情：jsfiddle

这个自定义代码不是很困难。它绑定两个事件并切换操作菜单：

$(document).ready(function(){
    $(".myChart").bind({
        //event mouse hover
        mouseenter:function(){
            $(".actionMenu").slideDown();
        },
        //event mouse out
        mouseleave:function(){
            $(".actionMenu").slideUp();
        }
    });
})

Answer 2

我做了一些修改以拥有多个项目（@cana 代码）

http://jsfiddle.net/qsTjX/29/

$(document).ready(function(){
    $(".myChart").hover(
        function(e){
            $(this).next('.actionMenu').stop().slideDown();
        },
        function(e) {
            $(this).next('.actionMenu').stop().slideUp();
        }
    );
});