Введение в JavaScript

       

Пример IMG SRC=tree.gif


<PRE> <IMG SRC=tree.gif WIDTH=27 HEIGHT=21 BORDER=0><A HREF="javascript:void(0);"><IMG SRC="image1.gif" WIDTH=103 HEIGHT=21 BORDER=0></A> <IMG SRC=tree.gif WIDTH=27 HEIGHT=21 BORDER=0><A HREF="javascript:void(0);"><IMG SRC="image2.gif" WIDTH=103 HEIGHT=21 BORDER=0></A> <IMG SRC=tree.gif WIDTH=27 HEIGHT=21 BORDER=0><A HREF="javascript:void(0);"><IMG SRC="image3.gif" WIDTH=103 HEIGHT=21 BORDER=0></A> <IMG SRC=tree.gif WIDTH=27 HEIGHT=21 BORDER=0><A HREF="javascript:void(0);"><IMG SRC="image4.gif" WIDTH=103 HEIGHT=21 BORDER=0></A> </PRE>
Пример 16.1.
Закрыть окно

<table CELLPADDING=0 CELLSPACING=0 ALIGN=center> <TR> <TD><IMG SRC=tree.gif WIDTH=27 HEIGHT=21 BORDER=0></TD> <TD><A HREF="javascript:void(0);"><IMG SRC="image1.gif" WIDTH=103 HEIGHT=21 BORDER=0></A></TD> </TR> <TR> <TD><IMG SRC=tree.gif WIDTH=27 HEIGHT=21 BORDER=0></TD> <TD><A HREF="javascript:void(0);"><IMG SRC="image2.gif" WIDTH=103 HEIGHT=21 BORDER=0></A></TD> </TR> <TR> <TD><IMG SRC=tree.gif WIDTH=27 HEIGHT=21 BORDER=0></TD> <TD><A HREF="javascript:void(0);"><IMG SRC="image3.gif" WIDTH=103 HEIGHT=21 BORDER=0></A></TD> </TR> <TR> <TD><IMG SRC=tree.gif WIDTH=27 HEIGHT=21 BORDER=0></TD> <TD><A HREF="javascript:void(0);"><IMG SRC="image14.gif" WIDTH=103 HEIGHT=21 BORDER=0></A></TD> </TR> </TABLE>
Пример 16.2.
Закрыть окно

<table CELLPADDING=0 CELLSPACING=0 ALIGN=center> <TR> <TD><IMG SRC=image.gif WIDTH=20 HEIGHT=20 BORDER=0></TD> <TD><IMG SRC=image1.gif WIDTH=20 HEIGHT=20 BORDER=0></TD> </TR> <TR> <TD><IMG SRC=image2.gif WIDTH=20 HEIGHT=20 BORDER=0></TD> <TD><A HREF="javascript:void(0);" onMouseover="document.manual.src='image3.gif';return true;" onMouseout="document.manual.src='image4.gif'; return true;"> <IMG SRC=image5.gif BORDER=0 WIDTH=20 HEIGHT=20></A></TD> </TR> <TR> <TD><IMG SRC=image6.gif WIDTH=20 HEIGHT=20 BORDER=0></TD> <TD><A HREF="javascript:void(0);" onMouseover="document.desk.src='image7.gif';return true;" onMouseout="document.desk.src='image8.gif';return true;"> <IMG SRC=image9.gif BORDER=0 WIDTH=20 HEIGHT=20></A></TD> </TR> </TABLE>
Пример 16.3.
Закрыть окно

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="center"> <TR ALIGN="center"> <TD><IMG NAME="e0" SRC="empty.gif" WIDTH="15" HEIGHT="8" BORDER="0"></TD> <TD><IMG NAME="e1" SRC="empty.gif" WIDTH="15" HEIGHT="8" BORDER="0"></TD> <TD><IMG NAME="e2" SRC="empty.gif" WIDTH="15" HEIGHT="8" BORDER="0"></TD> <TD><IMG NAME="e3" SRC="empty.gif" WIDTH="15" HEIGHT="8" BORDER="0"></TD> </TR> <TR> <TD><A HREF="javascript:void(0);" onMouseover="document.e0.src='arrowdw.gif';return true;" onMouseout="document.e0.src='empty.gif';return true;"> <IMG SRC="image1.gif" BORDER="0"></A></TD> <TD><A HREF="javascript:void(0);" onMouseover="document.e1.src='arrowdw.gif';return true;" onMouseout="document.e1.src='empty.gif';return true;"> <IMG SRC="image2.gif" BORDER="0"></A></TD> <TD><A HREF="javascript:void(0);" onMouseover="document.e2.src='arrowdw.gif';return true;" onMouseout="document.e2.src='empty.gif';return true;"> <IMG SRC="image3.gif" BORDER="0"></A></TD> <TD><A HREF="javascript:void(0);" onMouseover="document.e3.src='arrowdw.gif';return true;" onMouseout="document.e3.src='empty.gif';return true;"> <IMG SRC="image4.gif" BORDER="0"></A></TD> </TR> </TABLE>
Пример 16.4.
Закрыть окно

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="center"> <TR> <TD><A HREF="javascript:void(0);" onMouseover="document.evente1.src='corner.gif';" onMouseout="document.evente1.src='clear.gif';"> <IMG SRC="image1.gif" border="0"></A></TD> <TD><A HREF="javascript:void(0);" onMouseover="document.evente1.src='corner.gif';" onMouseout="document.evente1.src='clear.gif';"> <IMG NAME="evente1" SRC="clear.gif" border="0"></A></TD> </TR> <TR> <TD><A HREF="javascript:void(0);" onMouseover="document.evente2.src='corner.gif';" onMouseout="document.evente2.src='clear.gif';"> <IMG SRC="image2.gif" border="0"></A></TD> <TD><A HREF="javascript:void(0);" onMouseover="document.evente2.src='corner.gif';" onMouseout="document.evente2.src='clear.gif';"> <IMG NAME="evente2" SRC="clear.gif" border="0"></A></TD> </TR> <TR> <TD><A HREF="javascript:void(0);" onMouseover="document.evente3.src='corner.gif';" onMouseout="document.evente3.src='clear.gif';"> <IMG SRC="image3.gif" border="0"></A></TD> <TD><A HREF="javascript:void(0);" onMouseover="document.evente3.src='corner.gif';" onMouseout="document.evente3.src='clear.gif';"> <IMG NAME="evente3" SRC="clear.gif" border="0"></A></TD> </TR> <TR> <TD><A HREF="javascript:void(0);" onMouseover="document.evente4.src='corner.gif';" onMouseout="document.evente4.src='clear.gif';"> <IMG SRC="image4.gif" border="0"></A></TD> <TD> <A HREF="javascript:void(0);" onMouseover="document.evente4.src='corner.gif';" onMouseout="document.evente4.src='clear.gif';"> <IMG NAME="evente4" SRC="clear.gif" border="0"> </A></TD> </TR> </TABLE>
Пример 16.5.
Закрыть окно

<SCRIPT> function submenu(a) { if(a==1) { document.menu00.src="image1.gif"; // 1 (активна) document.menu10.src="image2.gif"; // 2 document.menu01.src="image3.gif"; // 1 пункт вложенного меню 1 document.menu02.src="image4.gif"; // 2 пункт вложенного меню 1 } if(a==2) { document.menu00.src="image1.gif"; // 2 document.menu10.src="image2.gif"; // 1 (активна) document.menu01.src="image3.gif"; // 1 пункт вложенного меню 2 document.menu02.src="image4.gif"; // 2 пункт вложенного меню 2 } } </SCRIPT>
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" ALIGN="center"> <TR> <TD><A HREF="javascript:void(0);" onMouseover="submenu(1);return true;"> <IMG NAME=menu00 SRC=image1.gif BORDER=0></a></td> <TD><IMG NAME=menu01 SRC=image3.gif BORDER=0></TD> </TR> <TR> <TD><A HREF="javascript:void(0);" onMouseover="submenu(2);return true;"> <IMG NAME=menu10 SRC=image2.gif BORDER=0></td> <TD><IMG NAME=menu02 SRC=image4.gif BORDER=0></TD> </TR> </TABLE>
Пример 16.6.
Закрыть окно
Содержание раздела