[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » все для UCOZ » все для сайтов от UCOZ » Меню с исчезающими разделами
Меню с исчезающими разделами

Меню с исчезающими разделами(наводишь на ссылку - появляеться, отводишь- исчезает)
4 ссылки, при наведении на которые - разное меню
состоит из нескольких частей, которые нужно вставлять в разные места:

в html-верх:

Code
<style type="text/css">
#part1,#part2,#part3,#part4 {
z-index: 2;
position: absolute;
visibility: hidden}
</style>

в html-низ:

<script language="javascript">
function part1on() {document.getelementbyid("part1").style.visibility='visible'}
function part2on(){document.getelementbyid("part2").style.visibility='visible'}
function part3on(){document.getelementbyid("part3").style.visibility='visible'}
function part4on(){document.getelementbyid("part4").style.visibility='visible'}
function part1off() {document.getelementbyid("part1").style.visibility='hidden'}
function part2off(){document.getelementbyid("part2").style.visibility='hidden'}
function part3off(){document.getelementbyid("part3").style.visibility='hidden'}
function part4off(){document.getelementbyid("part4").style.visibility='hidden'}
</script>

в обьявление

<a href="" onmouseover="part1on()" onmouseout="part1off()">линка 1</a>
<a href="" onmouseover="part2on()" onmouseout="part2off()">линка 2</a>
<a href="" onmouseover="part3on()" onmouseout="part3off()">линка3</a>
<a href="" onmouseover="part4on()" onmouseout="part4off()">линка 4</a>

<div id="part1" class="container">
контейнер номер 1
</div>

<div id=part2 class="container">
контейнер номер 2
</div>

<div id=part3 class="container">
контейнер номер 3
</div>

<div id="part4" class="container">
контейнер номер 4
</div>

Кроме части для обьявления ничего менять ненадо!!
Содержимое появляющегося меню находиться между тегами <div ...></div> - тоесть то что ты хочешь что б у тебя было в меню-ставить туда. можно вставлять туда всё, что угодно; картинки, ссылки, кнопки, таблицы и тд, хоть еще одно всплывающее меню!


ПОДРОБНЕЕ/СКАЧАТЬ
 |   |  Просмотров: | Добавил: MC-ADMIN | Дата: 04.03.2010  | 
Форум » все для UCOZ » все для сайтов от UCOZ » Меню с исчезающими разделами
  • Страница 1 из 1
  • 1
Поиск: