Лента Каталог Файлы Форумы Услуги
ОсновноеRadiotalkПользовательское
Программирование
6   •   Посмотреть все темы

Прячем [DIV] через определенное время.

 
1

6703
Андрей @ZloVeЩиЙ
Нужен скрипт который бы при наведении раскрывал блок - не проблема такой написать.

Дальше, если курсор в зоне этого самого блока - ничего не делать,
если курсор вне этого блока прятать блок через определенное время.

Помогите решить, натолкните на мысль... может есть какой-то JS способ ?

Отредактировано ZloVeЩиЙ - 24.03.2012
7094
Dim @Render
Jquery так понимаю "непредлагать"?

6703
Андрей @ZloVeЩиЙ
Render пишет:

Jquery так понимаю "непредлагать"?

Почему же, главное что бы работало...
Я уж весь и-нет, кажется, перерыл на наличие подобного... ничего похоже не нашел, а нужно как можно быстрее ):

Отредактировано ZloVeЩиЙ - 25.03.2012
7094
Dim @Render
$("#box").hover(function() { $(".ren").show("slow"); });
$("#box").mouseleave(function() { $(".ren").delay("2000").hide("slow"); });

[spoiler=html]
<div id="box">
<div class="cli">
Клиентский центр
</div>
<div class="ren" style="display:none; width:155px; height:auto;">
<br>Рас лва три четыри<br>
Рас лва три четыри<br>
Рас лва три четыри<br>
<br>
</div>
</div>
[/spoiler]

**********

2970
удалён @Foggy
Маловато скриншота, чтоб понять структуру. Но суть попробую описать. У ховера есть 2 состояния. Состояние при наведении и состояние после.
То есть
$('div').hover(
function () {
// тут функция раскрытия блока. выполнится, когда наведёшь курсор
},
function () {
// тут функция скрытия блока. выполнится, когда уведёшь курсор
}
);
Нужно вместо второго комментария вставить setTimeout. Либо, используя jquery в полной мере, можно задействовать delay. его главное написать правильно.


UPD. Оу, render уже всё описал))) и нашёл способ по лучше)

Отредактировано Foggy - 25.03.2012
6703
Андрей @ZloVeЩиЙ
Еще один вопрос из той же серии:
Как при наведении, допустим на DIV с ID=MENU менять класс ссылки с .link a --> .link a:hover или с .link a --> .link_hov a ?

Отредактировано ZloVeЩиЙ - 25.03.2012