Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jQuery TinyTips реакция на мышь (https://javascript.ru/forum/jquery/14494-jquery-tinytips-reakciya-na-mysh.html)

Exquisitor 19.01.2011 01:32

jQuery TinyTips реакция на мышь
 
Приветствую! Никто не сталкивался с плагином TinyTips?
как возможно переоборудовать это "чудо", чтоб всплывающий типс гас только при выходе мыши и с ссылки и с поля облака?
как например у Икеи
Или если натыкались на адекватные примеры с использованием внутри html? Перерыл кучу решений.. нет подходящего. Coda Popup Bubbles не подошел, тянет общие стили страницы, типс невозможно отцентровать.

Matre 19.01.2011 06:35

в скрипте добавте:

$('div.tinyTip').delay(500).fadeOut(animSpeed, function() {
	$(this).remove();
});


т е обработчик mouseout тултипа должен выглядеть так (он там в конце гдето,посмотрите)
здесь мы добавили .delay(500) чтобы создать задержку перед изчезновением тултипа
чтобы фиксировать на нем mouseover

и вставте на страницу этот патч:

$('div.tinyTip').live('mouseover', function () {
	$(this).stop(true, true);
}).live('mouseout', function (event) {
	if ( $(event.target).closest('div.tinyTip').length > 0 )
		return;
	$(this).fadeOut(300, function () {
		$(this).remove();
	});
});

Exquisitor 19.01.2011 11:52

что-то не вышло. При таком варианте оно всплывает и не гаснет.
в скрипте заменил $('div.tinyTip') на tinyTip, начало исчезать при уходе с ссылки, но оставаться при наезде на блок. Менял в патче стиля класс, не помогло. Там получается для div.окна lightTip класс, а не tinyTip


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