Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

JavaScript для начинающих. Изучаем с нуля. Всплывающее меню


"Всплывающее меню"

Сегодня я дам Вам код простого всплывающего меню, написанного на языке javacript.

Откройте картинку,

Открыть картинку

чтобы посмотреть, как оно выглядит

А вот его код:

<!-- BODY START HERE -->

<form name="a294" >
<select name="a969" size="1" style="background-color:#FFFFD7" onChange="displaydesc(document.a294.a969.selectedIndex)">
<option selected value="http://www.sitesozdat.com/saitphp.php">PHP сайты</option>
<option value="http://www.sitesozdat.com/unsait.php">Веб дизайн сайта</option>
<option value="http://www.sitesozdat.com/sait.php">Создание сайта</option>
<option value="http://www.sitesozdat.com/a.php">Гиперссылки</option>
<option value="http://www.sitesozdat.com/thtml.php">Таблицы html</option>
</select>
<input type="button" value="Пройти за сайтом" onClick="location=document.a294.a969.options[document.a294.a969.selectedIndex].value"><br>
<span id="descriptions" align="left" style="font:verdana 13px Arial">
</span>
</form>

<script>

//CUSTOMIZE TEXT DESCRIPTIONS FOR LINKS ABOVE
var textdisplay=new Array()
textdisplay[0]="Динамичный кирпичный сайт построить..."
textdisplay[1]="Создать сайту приносящий прибыль веб дизайн"
textdisplay[2]="Выбрать тематику своему сайту"
textdisplay[3]="Сделать сайт удобным для посетителя (будущего клиента)"
textdisplay[4]="Заверстать сайт в красивые таблицы..."

function displaydesc(which){
if (document.all)
descriptions.innerHTML=textdisplay[which]
else if (document.getElementById)
document.getElementById("descriptions").innerHTML=textdisplay[which]
}

displaydesc(document.a294.a969.selectedIndex)

document.a294.a969.options[0].selected=true

</script>

<!-- BODY END HERE -->

Данное меню содержит реальные разделы моего проекта СайтСоздат. Нажмите на На Кнопку, чтобы увидеть меню в работе.

Чтобы настроить это меню для своего сайта, нужно изменить следующие графы кода:

<option selected value="http://www.sitesozdat.com/saitphp.php">PHP сайты</option>
<option value="http://www.sitesozdat.com/unsait.php">Веб дизайн сайта</option>
<option value="http://www.sitesozdat.com/sait.php">Создание сайта</option>
<option value="http://www.sitesozdat.com/a.php">Гиперссылки</option>
<option value="http://www.sitesozdat.com/thtml.php">Таблицы html</option>
</select> <input type="button" value="Пройти за сайтом"

textdisplay[0]
textdisplay[1]
textdisplay[2]
textdisplay[3]
textdisplay[4]

Это лишь небольшая вершина айсберга под названием - Javascript's... Разобраться в других тонкостях javascript Вам поможет мой авторский проект СайтСоздат



==============
Скачать "Сборник трёх javascriptmenu"

В избранное