鼠标悬停在特定 div 上时需要水平菜单选项答案

【问题标题】：Need horizontal menu option on mouseover on a particular div鼠标悬停在特定 div 上时需要水平菜单选项
【发布时间】：2011-09-26 10:07:20
【问题描述】：

我的要求是在段落末尾创建一个水平菜单，鼠标悬停时应该出现一个菜单

鼠标悬停在它上面应该会显示一个选项来添加这样的项目

单击添加选项后，菜单应如下所示

请为此功能推荐任何 jQuery 或 javascript 插件。除了编写自定义脚本之外，我更喜欢这个插件。

【问题讨论】：

【解决方案1】：

这是我所拥有的：http://jsfiddle.net/cbARJ/4/

你的Add here按钮没有这样的背景，所以你需要添加它。

【讨论】：

【解决方案2】：

简单。

编辑：鼠标悬停在段落上？

CSS：

p #add_link { display:none }
p:hover #add_link { display: block }
#links { display:none }

JS：

$('p #add_link').click(function() {
    $(this).parent().append($('#links').html()); // Or anything else
})

【讨论】：