Оживи свою страничку

Спецвыпуск хакер, номер #002, стр. 002-014-6

document.all["menu"+menu].style.top=event.y-130;

document.all["menu"+menu].style.left=event.x;

}move_menu(menu);

}if(mpos[menu]>=0)move_menu(menu);

}

Сначала инициализируем переменные, потом пишем функцию, которая будет отвечать за размещение меню на экране.

function move_menu(menu)

{mpos[menu]+=mdir[menu];

if(document.layers)

{document.layers["menu"+menu].top+=mdir[menu];

document.layers["menu"+menu].clip.top=-mpos[menu];

}else{

document.all["menu"+menu].style.top=parseInt(document.all["menu"+menu].style.top)+mdir[menu];

document.all["menu"+menu].style.clip="rect("+(-mpos[menu])+",auto,auto,auto)";

}if(mpos[menu]>-130 && mpos[menu]<0) setTimeout("move_menu("+menu+")", delay);

}

А эта функция, как следует из ее названия, будет выдвигать меню.

function init()

{ for(i=0; i<maxmenus; i++){

mpos[i]=-130;

mdir[i]=-5;}

}

Параметр "mdir[i]" устанавливает скорость появления меню.

</script>

<div id="menu0" class="menu">

<p>Журнал Хакер</p></div>

<div id="menu1" class="menu">

<p>Новости от AnyNews</p></div>

Подсказки, которые будут всплывать для пунктов меню.

<p>

<a href="www.xakep.ru" onmouseover="do_menu(event, 0)" onmouseout="do_menu(event, 0)">Хакер</a>

<a href="www.anynews.agava.ru" onmouseover="do_menu(event, 1)" onmouseout="do_menu(event, 1)">AnyNews</a>

</p>

</body>

</html>

Тут тоже вопросов быть никаких не должно.

Outtro

Ну вот, мы и проникли с тобой в основы DHTML. Надеюсь, ты уже начал делать свой хакерский сайт? Если еще нет, то поспеши, а то тебя опередят.

И вот еще что: все примеры были протестированы на IE4 и 5. Для других браузеров работа не гарантирована. ;) Со всеми претензиями по этому поводу обращайся по адресу askbill@microsoft.com. Думаю, тебе там помогут. ;)

Назад на стр. 002-014-5  Содержание

загрузка...
Cпец Хакер #075Cпец Хакер #074Cпец Хакер #073Cпец Хакер #072Cпец Хакер #071Cпец Хакер #070Cпец Хакер #069Cпец Хакер #068Cпец Хакер #067Cпец Хакер #066Cпец Хакер #065Cпец Хакер #064Cпец Хакер #063Cпец Хакер #062Cпец Хакер #061Cпец Хакер #060Cпец Хакер #059Cпец Хакер #058Cпец Хакер #057Cпец Хакер #056Cпец Хакер #055Cпец Хакер #054Cпец Хакер #053Cпец Хакер #052Cпец Хакер #051Cпец Хакер #050Cпец Хакер #049Cпец Хакер #048Cпец Хакер #047Cпец Хакер #046Cпец Хакер #045Cпец Хакер #044Cпец Хакер #043Cпец Хакер #042Cпец Хакер #041Cпец Хакер #040Cпец Хакер #039Cпец Хакер #038Cпец Хакер #037Cпец Хакер #036Cпец Хакер #035Cпец Хакер #034Cпец Хакер #033Cпец Хакер #032Cпец Хакер #031Cпец Хакер #030Cпец Хакер #029Cпец Хакер #028Cпец Хакер #027Cпец Хакер #026Cпец Хакер #025Cпец Хакер #024Cпец Хакер #023Cпец Хакер #022Cпец Хакер #021Cпец Хакер #020Cпец Хакер #019Cпец Хакер #018Cпец Хакер #017Cпец Хакер #016Cпец Хакер #015Cпец Хакер #014Cпец Хакер #013Cпец Хакер #012Cпец Хакер #011Cпец Хакер #010Cпец Хакер #009Cпец Хакер #008Cпец Хакер #007Cпец Хакер #006Cпец Хакер #005Cпец Хакер #004Cпец Хакер #003Cпец Хакер #002Cпец Хакер #001