jQuery TinyTips реакция на мышь
Приветствую! Никто не сталкивался с плагином TinyTips?
как возможно переоборудовать это "чудо", чтоб всплывающий типс гас только при выходе мыши и с ссылки и с поля облака? как например у Икеи Или если натыкались на адекватные примеры с использованием внутри html? Перерыл кучу решений.. нет подходящего. Coda Popup Bubbles не подошел, тянет общие стили страницы, типс невозможно отцентровать. |
в скрипте добавте:
$('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();
});
});
|
что-то не вышло. При таком варианте оно всплывает и не гаснет.
в скрипте заменил $('div.tinyTip') на tinyTip, начало исчезать при уходе с ссылки, но оставаться при наезде на блок. Менял в патче стиля класс, не помогло. Там получается для div.окна lightTip класс, а не tinyTip |
| Часовой пояс GMT +3, время: 18:07. |