Помощник
|
Задержка события при наведении мыщи |
TonYBarD
|
Сообщение
#1
|
||
|
|
||
|
|||
Apay |
10.6.2009, 20:02;
Ответить: Apay
Сообщение
#2
|
|
onmouseover="setTimeout(\"getElementById('november').style.display='block';\",1000);"
|
|
|
TonYBarD
|
Сообщение
#3
|
|
Не хочет работать...где-то в синтаксисе проблема...не могу найти :(
|
|
|
Apay |
11.6.2009, 12:18;
Ответить: Apay
Сообщение
#4
|
|
сорри, экранирование не то поставил
onmouseover="setTimeout('document.getElementById(\'november\').style.display=\'block\';',100);"
|
|
|
TonYBarD
|
Сообщение
#5
|
|
Спасибо, заработало. Только я видимо не правильно задачу сформулировал... у меня 10 блоков, расположены рядом, соответственно если мышью ведешь некоторые задеваются и открываются потом, а нужно что бы открылся тот, на котором курсор сфокусирован секунду, а остальные, по которым я просто пробежался курсором - не открывались. Так можно сделать?
|
|
|
Apay |
11.6.2009, 13:57;
Ответить: Apay
Сообщение
#6
|
|
проще всего эти вещи сделать отдельными ф-ями (не inline):
1) в onfocus ставить триггер у эл-та и вызывать ontimeout 2) в onblur скрывать блок и сбрасывать триггер 3) в ontimeout показывать блок если триггер установлен |
|
|
pavel_blossom |
20.2.2014, 11:57;
Ответить: pavel_blossom
Сообщение
#7
|
|
|
Тема старенькая, но так как в яндексе на первой странице по запросу "задержка при наведении" то покажу свой простой велосипед
[JS]$('.tags_li').hover( function(){ $('.tags_li').addClass('onhover2'); setTimeout(function(){ if ( $(".tags_li").hasClass("onhover2") ) { $('.tags_li').addClass('onhover'); } }, 300); }, function(){ $('.tags_li').removeClass('onhover'); $('.tags_li').removeClass('onhover2'); });[/JS] ну и CSS прописать для класса .tags_li.onhover.onhover2 Как видно из примера, использование setTimeOut запустить в любом случае вложенное содержимое вне зависимости от того находится курсор на элементе или уже его покинул. Но чтобы выводить с задержкой реально только при наведении и задержке в N времени, добавим класс при наведении. И в CSS пропишем видимость только при соблюдении двух условий - то есть при существовании двух классов.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
6 | stu999 | 1551 | 21.3.2024, 20:45 автор: stu999 |
|
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке? |
10 | r0mZet | 2178 | 24.10.2022, 19:23 автор: Wachowski |
|
300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе! | 65 | inkon | 30255 | 19.7.2022, 13:41 автор: Funoman |
|
тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе. Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО |
71 | VIMstat | 78307 | 21.6.2022, 9:38 автор: VIMstat |
|
Отображение нужного блока при клике. | 0 | bhtml | 1647 | 10.7.2020, 15:18 автор: -bhtml- |
Текстовая версия | Сейчас: 28.3.2024, 13:43 |