Построй свой домик в Интернете!

Спецвыпуск Xakep, номер #015, стр. 015-010-12

<html>

<head><title>Пример использования Java-Script для Спецвыпуска Хакера</title>

<script language="JavaScript">

about_off=new Image(); about_off.src="images/about_off.gif";

about_on=new Image(); about_on.src="images/about_on.gif";

photo_off=new Image(); photo_off.src="images/photo_off.gif";

photo_on=new Image(); photo_on.src="images/photo_on.gif";

links_off=new Image(); links_off.src="images/links_off.gif";

links_on=new Image(); links_on.src="images/links_on.gif";

</script>

</head>

<body>

<table border="0" cellspacing="0" cellpadding="0" width="745">

<tr>

<td align="left" valign="top" width="110" height="25"><a href="about.html" target="_top" onMouseOver="document.about.src=about_on.src;" onMouseOut="document.about.src=about_off.src;"><img src="images/about_off.gif" border="0" widht="110" height="25" name="about"></a></td>

<td align="left" valign="top" width="110" height="25"><a href="photo.html" target="_top" onMouseOver="document.photo.src=photo_on.src;" onMouseOut="document.photo.src=photo_off.src;"><img src="images/photo_off.gif" border="0" widht="110" height="25" name="photo"></a></td>

<td align="left" valign="top" width="110" height="25"><a href="links.html" target="_top" onMouseOver="document.links.src=links_on.src;" onMouseOut="document.links.src=links_off.src;"><img src="images/links_off.gif" border="0" widht="110" height="25" name="links"></a></td>

</tr>

</table>

</body>

</html>

В данном случае меню состоит из 3-х подменю, которые активируется, когда ты наводишь мышь (обработчик событий onMouseOver), и дезактивируется, когда ты убираешь мышь (обработчик событий onMouseOut). При клике происходит обычный переход по ссылке. Новое окно открывается на месте старого, так как определен параметр _top.

Порадовало? Где же надыбать дополнительную информацию? В первую очередь, на сайте производителя - http://developer.netscape.com/docs/manuals/ . Но там, сам понимаешь, все на забугровом. Не позаботились о тебе, свиньи :). Поэтому я нашел для тебя немного нашинских ссылок, вот наиболее интересные:

http://prog.agava.ru/lib/java/

http://www.ramblers.ru/java/

http://ftp.migsv.ru/Ftp/pub/windows/doc/java-script/

http://javascript.com/

http://kovaler.jinr.ru/library/programming/

http://webmasterclub.narod.ru/Sites/Vvedebie_v_JavaEnd/jsi/first.htm

http://www.ict.nsc.ru/rus/docs/JS/

http://www.codebrain.com/javascript/

Это еще не конец

Это, конечно, не все, что можно было сказать о создании своих страниц. За кадром остались DOM (объектная модель браузера), SSI (Server Side Includes), DHTML и много еще чего. Но, надеюсь, для начала тебе хватит - а там дело пойдет, сам будешь потихоньку все осваивать :-). Может, через пару-тройку лет будем на пару с Темой к тебе на курсы веб-дизайна ходить... Удачи!

Назад на стр. 015-010-11  Содержание

загрузка...
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