Подскажите по js

DU
На сайте с 02.10.2008
Offline
41
556

Имеется

<div id="n">

<a href="#"><img src="news.jpg" width="125px" height="28px;" style="border:0;"></a>

</div>

и

<div id="podmenu_n">

<img src="podmenu_n.jpg" width="176" height="215">

</div>

Необходимо, чтобы при наведении на #n появлялось #podmenu_n и при отведении курсора от #podmenu_n через несколько секунд #podmenu_n исчезало

Подскажите, в js не силен :)

Российский регистратор Reggi.ru .com .biz .org по 12$ + Бесплатный whois protect (http://www.reggi.ru?pid=6040)
P
На сайте с 19.03.2009
Offline
17
#1


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#podmenu_n").hide();
$("#n").mouseenter(function() {
$("#podmenu_n").fadeIn('slow');
}).mouseleave(function() {
$("#podmenu_n").fadeOut('slow');
})
});
</script>
Помогу с вёрсткой, html, css, js, jquery, php, mysql ($) icq 8938933 Быстрый, удобный и недорогой хостинг (http://sweb.ru/p17046) Виза в Великобританию (http://www.englishexpert.ru/velikobritaniya/viza/viza-v-velikobritaniu/)
RO
На сайте с 13.07.2009
Offline
88
#2

подсказываю. при наведении на n (onmouseover) берем нужный нам id через getElementById и присваиваем ему стиль style="block" а в подменю уже отлавливаем onmouseout и проделываем аналогичную операцию как и с показом меню только самому себе присваиваем style="none".

DU
На сайте с 02.10.2008
Offline
41
#3

poyzn,RedOK, а как регулировать задержку исчезания?

P
На сайте с 19.03.2009
Offline
17
#4
DIMAZRU:
poyzn,RedOK, а как регулировать задержку исчезания?

delay() http://api.jquery.com/delay/

или setTimeout() http://www.w3schools.com/js/js_timing.asp

Str01tel
На сайте с 27.12.2009
Offline
26
#5

либо

$("#podmenu_n").fadeOut('1000');

1000 - время задержки (время на протяжении которого блок должен исчезать)

DU
На сайте с 02.10.2008
Offline
41
#6

Спасибо, очень помогли :)

DU
На сайте с 02.10.2008
Offline
41
#7

Подскажите, имеется <div class="zagolo1"><a href="/">Ссылка</a></div>

Как при нажатии на неё изменить её class на zagolo2, а при повторном нажатии вернуть обратно?

[Удален]
#8
DIMAZRU:
Подскажите, имеется <div class="zagolo1"><a href="/">Ссылка</a></div>

Как при нажатии на неё изменить её class на zagolo2, а при повторном нажатии вернуть обратно?

<div class="zagolo1" onmouseover="if (this.getAttribute('class')=='zagolo1') this.setAttribute('class','zagolo2'); else this.setAttribute('class','zagolo1');"><a href="/">Ссылка</a>

Не проверял, но теоретически должно работать

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий