Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.04.2017, 19:00
Профессор
Отправить личное сообщение для Янковиц Посмотреть профиль Найти все сообщения от Янковиц
 
Регистрация: 17.11.2014
Сообщений: 403

Добавить блок при наведении на ссылку
Добрый день.Есть определенный текст:
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 />');
Но не работает

Последний раз редактировалось Янковиц, 03.04.2017 в 19:13.
Ответить с цитированием
  #2 (permalink)  
Старый 04.04.2017, 08:33
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,214

Сообщение от Янковиц
Есть определенный текст
...
Как при наведении на ссылку
Т.е. сначала был просто текст, а теперь ты про какую-то ссылку начал писать...
Ответить с цитированием
  #3 (permalink)  
Старый 04.04.2017, 12:01
Профессор
Отправить личное сообщение для Янковиц Посмотреть профиль Найти все сообщения от Янковиц
 
Регистрация: 17.11.2014
Сообщений: 403

Для будущих поколений:
$('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();
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Блокировка скролла всей страницы при наведении на элемент TimofeyEid jQuery 2 06.09.2015 14:30
Появление ссылки при наведении мыши nikolaymac jQuery 1 05.09.2013 15:32
Смена нескольких картинок при наведении Demoni Элементы интерфейса 8 28.04.2012 23:57
Как при наведении на ссылку отображать объекты под классом visibility: hidden; pavdin Общие вопросы Javascript 8 02.07.2010 15:18
Изменение изображения при наведении на ссылку MDS Общие вопросы Javascript 1 08.08.2008 21:54