Рабочий 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 |
Часовой пояс GMT +3, время: 20:23. |