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, время: 12:26. |