Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.10.2009, 08:59
kachay99
 
Сообщений: n/a

Рабочий JavaScript разворачивающееся меню
<head>
<style>
img {cursor: pointer;border:0px}
#div1, #div2, #div3, #div4 {float:left;overflow:hidden;width:60px;height:150px;}
#div1 {float:left;overflow:hidden;width:300px;height:150px;}
</style>
</head>

<script>
function func(param) {
div1.style.width=60;
div2.style.width=60;
div3.style.width=60;
div4.style.width=60;

param.style.width=300;
}
</script>

<body>

<div style="position:relative;top:0px;left:0px;width:500px">
<hr>
<div id=div1 onmouseover="func(div1)" onmouseout='func2(div1)'><img src=http://pricheska.moy.su/images/games.jpg height=150 class=image id=pic0 align=left>
<li>Бесплатно
<li>играйте и
<li>скачивайте
<li><a href="http://kachay.ucoz.org/stuff"><font size=4>игры</font></a>
</div>
<div id=div2 onmouseover="func(div2)" onmouseout='func2(div2)'><img src=http://pricheska.moy.su/images/search.jpg height=150 class=image id=pic1 align=left>
<li>Чтобы
<li>быстрее найти
<li>пользуйтесь
<li><a href="http://kachay.ucoz.org/search/видео/">поиском</a>
</div>
<div id=div3 onmouseover="func(div3)" onmouseout='func2(div3)'><img src=http://pricheska.moy.su/images/girls.jpg class=image id=pic2 height=150 align=left>
<li>Любуйтесь
<li>красивыми
<li>девушками
<li><a href="http://kachay.ucoz.org/load/12">онлайн</a>
</div>
<div id=div4 onmouseover="func(div4)" onmouseout='func2(div4)'><img src=http://pricheska.moy.su/images/script.jpg class=image id=pic3 height=150 align=left>
<li>Изучайте
<li>программирование
<li>и дизайн
<li><a href=http://kachay.ucoz.org/forum/8-192-1>сайтостроения</a>
</div>
<div style="clear:both;height:1px"></div>
<hr>
</div>
<div align="left"><a href=http://kachay.ucoz.org/forum/8-192-1>код скрипта здесь</a></div>



Рабочий пример
http://kachay.ucoz.org/load/javascri...nju/27-1-0-160

Последний раз редактировалось Octane, 21.10.2009 в 13:45. Причина: используйте теги [html] и [js] для оформления кода
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ищу jQuery плагин для создания меню Zeboton jQuery 9 15.09.2014 15:31
всплывающее Javascript меню Dekker8 Events/DOM/Window 0 21.11.2008 21:45
Выпадающее меню на css и javascript Jackky Общие вопросы Javascript 3 13.09.2008 18:30
В Mozilla Firefox 3.0 проблемма с Javascript меню artmedia Элементы интерфейса 1 07.09.2008 10:43
Требуется поправить меню на javascript Гость Работа 1 31.07.2008 11:22