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

Спецвыпуск 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  Содержание