Перейти к публикации

Появляющиеся кнопки активных действий


Рекомендованные сообщения

Ув. форумчане, подскажите пожалуйста скрипт, с помощью которого можно осуществить следующее:

При наведении на контейнер с конкретным id в одном из его углов плавно всплывала небольшая панелька с кнопками активных действий (удалить, редактировать, цитировать)

В таком духе в общем.

С помощью jQuery попытался но не получилось

	$(document).ready(function() {

		$('#comm_{comment-id}').bind('mouseover', function() { $('#actions{comment-id}').fadeIn(300); } );

		$('#comm_{comment-id}').bind('mouseout', function() { $('#actions{comment-id}').fadeOut(300); } );

	});

Проблема в том, что раз навел, плавно появилась, все вроде бы ничего, но начинаю двигать, панелька начинает мигать, и чем больше двигаю, тем больше раз она мигает.

Изменено пользователем Critical Error
Ссылка на сообщение
Поделиться на других сайтах

Потому что событие нужно вешать не на mouseover а на mouseenter, разницу можете увидеть в примере в документации http://api.jquery.com/mouseenter/

Ссылка на сообщение
Поделиться на других сайтах

celsoft,

очень благодарен за пинок в нужном направлении =)

Просто огромнейшее спасибо

	$(document).ready(function() {

                $('#comm_{comment-id}').bind('mouseenter', function() { $('#actions{comment-id}').fadeIn(300); } );

                $('#comm_{comment-id}').bind('mouseleave', function() { $('#actions{comment-id}').fadeOut(300); } );

        });

Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...