Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Добавить блок при наведении на ссылку (https://javascript.ru/forum/dom-window/68231-dobavit-blok-pri-navedenii-na-ssylku.html)

Янковиц 03.04.2017 19:00

Добавить блок при наведении на ссылку
 
Добрый день.Есть определенный текст:
I want my index.php to be a simple page with [B]LINK[/B] a horizontal list of category names on the top [B]LINK[/B]

Как при наведении на ссылку добавить сразу же после ссылки блок, из div или span, неважно. Расположение ссылок, по умолчанию - неизвестны.
Спасибо.

Забыл уточнить. Необходимо на jQuery. Нашел что-то вроде:
var test = $('<span />');
Но не работает :(

ksa 04.04.2017 08:33

Цитата:

Сообщение от Янковиц
Есть определенный текст
...
Как при наведении на ссылку

Т.е. сначала был просто текст, а теперь ты про какую-то ссылку начал писать... :blink:

Янковиц 04.04.2017 12:01

Для будущих поколений:
$('p').html($('p').html().replace(/(\[B\].+?\[\/B\])/g, '<span class="b-link">$1</span>'));
$('.b-link').mouseenter(function() {
  $(this).after($('<span/>', {
    class: 'text',
    text: 'SPAN'
  }));
});
$('.b-link').mouseout(function() {
    $('.text').remove();
});


Часовой пояс GMT +3, время: 20:25.