Меню с открывающимся окном

Меню с открывающимся окном слева

Главная Контакты Софт Термины Неисправности Поисковики Шаблоны

Просмотр скрипта

<script>
document.write('<style>');
document.write('.menu{position: absolute;z-index: 1;padding:2;border-width:2;border-style: ridge;background-color:#D0FDFF;color:#AF0000;}');
document.write('</style>');
document.write('<body onload="init()">');
var mpos=new Array();
var mdir=new Array();
var maxmenus=3;
var delay=10;
function do_menu(menu)
{
for(i=0; i<maxmenus; i++)
{
if(menu!=i && mpos[i]>-122)
{
mdir[i]=-4;
if(mpos[i]>=40)
move_menu(i);
}
}
mdir[menu]=-mdir[menu];
if(mpos[menu]<=-122 || mpos[menu]>=50)
move_menu(menu);
}
function move_menu(menu)
{
mpos[menu]+=mdir[menu];
if(document.layers)
document.layers["menu"+menu].top=mpos[menu];
else
document.all["menu"+menu].style.top=mpos[menu];
if(mpos[menu]>-122 && mpos[menu]<50)
setTimeout("move_menu("+menu+")", delay);
}
function init()
{
for(i=0; i<maxmenus; i++)
{
mpos[i]=-122;
mdir[i]=-5;
}
}
document.write('<div class="menu" style="top:0; left:10; width: 0; z-index:2" align="center">');
document.write('<a href="javascript:do_menu(0)"><b>');
document.write('<p>Меню</b></a> </p></div>');
document.write('<div id="menu0" class="menu" style="top:-122; left:10; width: 300;" align="center">');
document.write('<p><a href="JavaScript.html">JavaScript</a><br>');
document.write('<a href="JavaScript.html">JavaScript</a><br>');
document.write('<a href="JavaScript.html">JavaScript</a><br>');
document.write('<a href="JavaScript.html">JavaScript</a></p></div>');
document.write('<div class="menu" style="top:0; left:74; z-index:2; width: 70; background:#B6FFB1" align="center">');
document.write('<a href="javascript:do_menu(1)"><b>');
document.write('<p>Меню1</b></a> </p></div>');
document.write('<div id="menu1" class="menu" style="top:-122; left:94; width: 300; background:#B6FFB1" align="center">');
document.write('<p><a href="JavaScript.html">JavaScript</a><br>');
document.write('<a href="JavaScript.html">JavaScript</a><br>');
document.write('<a href="JavaScript.html">JavaScript</a></p></div>');
document.write('<div class="menu" style="top:0; left:129; z-index:2; width: 70; background:#FFFCD0" align="center">');
document.write('<a href="javascript:do_menu(2)"><b>');
document.write('<p>Меню2</b></a> </p></div>');
document.write('<div id="menu2" class="menu" style="top:-122; left:129; width: 300; background:#FFFCD0" align="center">');
document.write('<p><a href="JavaScript.html">JavaScript</a><br>');
document.write('<a href="JavaScript.html">JavaScript</a><br>');
document.write('<a href="JavaScript.html">JavaScript</a><br>');
document.write('<a href="JavaScript.html">JavaScript</a></p>');
document.write('</div>');
// - End of JavaScript - -->
</script>

Пример создания сайта
Размещение сайта в Интернете
Раскрутка сайта в Интернете
Заработок в Интернете
Visual Basic 6.0 с примерами
VBScript
Руководство по C++
JavaScript
Анимация в формате GIF
Вставка видео SWF в сайт.
Пиктограмма сайта (favicon)

Оригинальные меню

Анимированный текст

Календари и часы

Эффектная графика

Дополнительные окна

Таблицы

Таблица с закругленными уголками

Калькуляторы

Кнопки

Разное