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

时间:2011-09-26 10:07:20

标签: jquery jquery-ui-dialog menubar

我的要求是在段落的末尾创建一个水平菜单,鼠标悬停在一个菜单上

This is the paragraph where the menu is required at its end

鼠标悬停时,应显示添加此项

的选项

enter image description here

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

enter image description here

请为此功能推荐任何jQuery或javascript插件。除了编写自定义脚本之外,我首选的是插件。

2 个答案:

答案 0 :(得分:3)

以下是我的内容:http://jsfiddle.net/cbARJ/4/

我的Add here按钮没有此类背景,因此您需要添加它。

答案 1 :(得分:0)

简单。

编辑:鼠标悬停段落?

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
})