Помогите пожалуйста разобраться с display:none и display:block

Примерно так:

<div id="div1" style="display: none"></div>

<a href="ssylka.htm"  onmouseover=funkcija1()>Текст ссылки</a>

...

<script>

funkcija1()

{document.getElementById("div1").style.display=" block";}

</script>

<div id="div1" style="display: none"></div>
<a href="ssylka.htm"  onmouseover=funkcija1('div1')>Текст ссылки</a>
...
<script>
funkcija1(divid)
{document.getElementById(divid).style.display=" block";}
</script>

Как-то так более универсально должно быть. Правда нужно ещё когда мышка уходит, то скрывать блок. Правильно?

Скрывать...хм.... какой блог, там вроде блока нет ни какого кор. мне нужно сделать так же как на этом сайте http://www.stirsi.ru/ вот и все. Щас попробую сделать то что сказал totalitarist

Rokkkin добавил 10.05.2011 в 22:36

Да нет ерунда какае - то, ну вот так я прописал

div id="wrap" style="display: none"></div>

<div id="stirs_link" class="big">

<h3><a href="/about">Почему мы?</a></h3>

</div>

<div id="main_nav" class="pr big" >

<img id="rotate" src="{THEME}/images/rotate.png" alt="Ремонт стиральных машин" />

<img id="rotating" style="position: absolute; left: 50%; margin-left:-120px; top:49px; display:none;" src="{THEME}/images/rotate.gif" alt="Ремонт стиральных машин" />

<h3><a style="top:50px; left:140px" href="/prices-for-repairs/" onmouseover=funkcija1()>Цены на ремонт</a>

<h3><a style="top:170px; left:110px" href="/calling-master/" onmouseover=funkcija1()>Вызов мастера</a></h3>

<h3><a style="top:300px; left:180px" href="/buy-used/" onmouseover=funkcija1()>Покупаем Б/У</a></h3>

<h3><a style="top:50px; right:150px" href="/our-guarantee/" onmouseover=funkcija1()>Наши гарантии</a></h3>

<h3><a style="top:170px; right:110px" href="/our-contacts/" onmouseover=funkcija1()>Наши контакты</a></h3>

<h3><a style="top:300px; right:160px" href="/article/" onmouseover=funkcija1()>Полезные статьи</a></h3>

<script>

funkcija1()

{document.getElementById("wrap").style.display=" block";}

</script>

Не работает

МНЕ НУЖНО чтобы в этой строке

<img id="rotating" style="position: absolute; left: 50%; margin-left:-120px; top:49px; display:none;" src="{THEME}/images/rotate.gif" alt="Ремонт стиральных машин" />

при наведении на одну из ссылок менялось значение с display:none на display:block

Rokkkin добавил 10.05.2011 в 23:54

да когда наводишь мышку на ссылку блок должен работать, как только отводишь он перестает работать, вот как это сделать?

iv id="div1" style="display: none"></div>

<a href="ssylka.htm"  onmouseover=funkcija1('div1') onmouseout=funkcija2('div1')>Текст ссылки</a>

...

<script>

funkcija1(divid)

{document.getElementById(divid).style.display=" block";}

funkcija2(divid)

{document.getElementById(divid).style.display=" none";}

</script>

Уважаемые, ВОТ ЭТО ЧО?😡

funkcija1(divid)

{document.getElementById(divid).style.display=" block";}

Вы уверены, что это будет работать?

Может всё таки так?

function funkcija1(divid)

{document.getElementById(divid).style.display=" block";}

Все отлично спасибо большое всем! У меня все получилось, это форум меня уже не один раз выручал. Всем добавил отзыв, ну не знаю наверное так репутацию повышают.