|
Рабочий 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] для оформления кода
|
