Выпадающее меню

**OGR** · 10 апреля, 2006

Нужно сделать выпадающее меню как вот здесь.

Пересмотрел все темы, но так и не нашёл нужного. А нужно, чтобы это меню работало в сайте, созданном на php-nuke, желательно было написано не на java языке, а на html.

И ещё БОЛЬШАЯ просьба, объясняйте доходчиво, а то мои познания в веб-строительстве ограничены

**alex45** · 11 апреля, 2006

Вот тебе скрипт

;)

<html>

<head>

<style type="text/css">

//Çäåñü çàäàø ñâîè ñòèëè äëÿ âûïàäàþùåãî ìåíþ

a{font-size:18pt;text-decoration:none;}

#go {background-color: #FFFFFF; left:8px; position:absolute ; top : 129px;}

//Ñâîéñòâà ïóíêòîâ ìåíþ â ñòðîêå ìåíþ

#help{

background-color: #cococo ; position:absolute ; right:0px ; top : 0px ;

}

//Ñâîéñòâà ñêðûòûõ ìåíþ

}

#gomenu {

background-color: #CCCCCC;

background-position: center center;

text-align: left;

height: 100px;

width: 100px;

visibility: hidden;

position: absolute;

left: 140px;

top: 111px;

border: 1;

}

</style>

<script language="javascript" type="text/javascript">

function change(layerRef,state)

{

var blockElement = document.getElementById(layerRef);

blockElement.style.visibility=state;

}

</script>

</head>

<body>

<div id="go" onMouseOver="change('gomenu','visible')" onMouseOut="change('gomenu','visible')">Âñòàâü ñâîé òåêñò</div>

<div id="gomenu">

<a href="URL1">TEXT1</a><br>

<a href="URL2">TEXT2</a><br>

<a href="URL3">TEXT3</a><br>

<a href="URL4">TEXT4</a><br>

</div>

</body>

</html>

Слыш а как повышать репу? ;)

Я немного сделал не так как ты просил , но если ты немного разбираешся в CSS то ты сделаешь как надо.Это все делается между тегами <style type="text/css"> и </style>.

На теги коментария не обрашай внимание просто они какието левые получились в Dreamweaver.

**Ф@РТОВЫЙ** · 12 апреля, 2006

OGR: Вот кое что наподобе, стили поправь как надо:

<html><head><title>Menu</title><style>.point1{CURSOR:HAND;FONT-SIZE:8pt;background-color:#FF9900;border-bottom:1px solid black;border-top:1px solid black;border-right:1px solid black;border-left:1px solid black}.vmenu{position:absolute;background-color:#FF9900;WIDTH:80pt;FONT-SIZE:7pt;border-bottom:1px solid black;border-top:1px solid black;border-right:1px solid black;border-left:1px solid black;}</style><script language=javascript><!--function overs() {for(var i=1;i<=9;i++) eval('p'+i+'.style.display="none"')}function shows(k) {overs()eval('p'+k+'.style.display=""'); }//--></script></head><body><table width=120 height=400><tr><td><div class=point1 onMouseOver="shows('1')"><center>Пункт 1</center></div><div class=vmenu id=p1 STYLE="display:none;left:110px;top:130px;"onMouseOut="overs()"onMouseOver="shows('1')"><a href="#">Подпункт</a></div><div class=point1 onMouseOver="shows('2')"><center>пункт 2</center></div><div class=vmenu id=p2 STYLE="display:none;left:110px;top:140px;"onMouseOut="overs()"onMouseOver="shows('2')"><a href="#">Подпункт</a><br><a href="#">Подпункт</a><br></div><div class=point1 onMouseOver="shows('3')"><center>Пункт 3</center></div><div class=vmenu id=p3 STYLE="display:none;left:110px;top:150px;"onMouseOut="overs()"onMouseOver="shows('3')"><a href="#">Подпункт</a><br><a href="#">Подпункт</a><br><a href="#">Подпункт</a><br><a href="#">Подпункт</a><br><a href="#">Подпункт</a><br></div></td></tr></table></body></html>

Пунктов и подпунктов делай сколько хочешь работать будет.

ОФФ 2 alex45: Если лень кодировку подправить, удали коменты!

Слыш а как повышать репу?

Помоему нарушение правил, хотя модерам виднее, а вобще почитай faq по форуму, мне вот многое стало ясно. Возможность править другим репу появляется после 20 поста кажется. А в faq кажется написано с 10, надо бы подправить!

На теги коментария не обрашай внимание просто они какието левые получились в Dreamweaver.

Я уже говорил, а по хорошему надо в блакноте править, хотя ты просто не в той кодировке открыл.

<script language="javascript" type="text/javascript">

Так на будующие, type= писать необязательно (лишний код), а если очень хочется, то для явы будет правильнее миме-тип aplication/x-javascript

Удачи всем!

**verba** · 12 апреля, 2006

OGR:

вот, это то что тебе надо

menu_vypodajushee.rarтам все очень просто...

Удачи... :)

menu_vypodajushee.rar

Изменено 12 апреля, 2006 пользователем verba

**Staind** · 16 апреля, 2006

Совет небольшой : сделать это очень легко без кода вообще с Dreamweaver, только узнать как это сделать в нем.

Войти

Выпадающее меню

Рекомендуемые сообщения

OGR

Ссылка на комментарий

Поделиться на другие сайты

alex45

Ссылка на комментарий

Поделиться на другие сайты

Ф@РТОВЫЙ

Ссылка на комментарий

Поделиться на другие сайты

verba

Ссылка на комментарий

Поделиться на другие сайты

Staind

Ссылка на комментарий

Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Создать учетную запись

Войти

Последние посетители 0 пользователей онлайн

Обзор

Активность