Нужна опция горизонтального меню при наведении курсора на определенный элемент - PullRequest
Новая
       4

Нужна опция горизонтального меню при наведении курсора на определенный элемент

8 голосов
/ 26 сентября 2011

Мое требование - сделать горизонтальное меню в конце абзаца, где при наведении мыши должно появиться меню

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

При наведении курсора на него должна отображаться опция для добавления элемента, подобного этому

enter image description here

При нажатии на кнопку добавления меню должно выглядеть следующим образом

enter image description here

Пожалуйста, предложите любой плагин jQuery или javascript для этой функции. Я предпочитаю плагин для этого, кроме написания собственного скрипта.

Ответы [ 2 ]

3 голосов
/ 26 сентября 2011

Вот что у меня есть: http://jsfiddle.net/cbARJ/4/

У меня нет такого фона для ваших Add here кнопок, поэтому вам нужно его добавить.

0 голосов
/ 26 сентября 2011

Simple.

РЕДАКТИРОВАТЬ: при наведении мыши на абзац?

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