Выдвежное меню
Первая часть ставится после кода:
Code
<title>JavaScript - Tree Menu</title>
<!-- HEAD STARTS HERE -->
<SCRIPT language=JavaScript>
var img1 = new Image();
img1.src = "http://i051.radikal.ru/0806/56/34b976fddd52.jpg";
var img2 = new Image();
img2.src = "http://i012.radikal.ru/0806/a0/1e856a660643.jpg";
function doOutline() {
var srcId, srcElement, targetElement;
srcElement = window.event.srcElement;
if (srcElement.className.toUpperCase() == "LEVEL1" || srcElement.className.toUpperCase() == "FAQ") {
srcID = srcElement.id.substr(0, srcElement.id.length-1);
targetElement = document.all(srcID + "s");
srcElement = document.all(srcID + "i");
if (targetElement.style.display == "none") {
targetElement.style.display = "";
if (srcElement.className == "LEVEL1") srcElement.src = img2.src;
} else {
targetElement.style.display = "none";
if (srcElement.className == "LEVEL1") srcElement.src = img1.src;
}
}
}
document.onclick = doOutline;
</SCRIPT>
<!-- HEAD ENDS HERE -->
Вторая часть после тега:
Code
</head>
<body bgcolor="#EDEDED" text="#000000" link="#000000">
Code
<!-- BODY STARTS HERE -->
<TABLE border=0 cellPadding=0 cellSpacing=0 style="margin-left: 50; margin-top: 15">
<TR vAlign=top>
<TD width=180><A class=Level1 id=OUT0t><IMG border=0 class=LEVEL1 id=OUT0i src="http://i051.radikal.ru/0806/56/34b976fddd52.jpg"> ССЫЛКА 1</A><BR>
<DIV id=OUT0s style="DISPLAY: none">
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 1</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 2</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 3</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 4</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 5</A><BR>
</DIV>
<A class=Level1 id=OUT1t><IMG border=0 class=LEVEL1 id=OUT1i src="http://i051.radikal.ru/0806/56/34b976fddd52.jpg"> ССЫЛКА 2</A><BR>
<DIV id=OUT1s style="DISPLAY: none">
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 1</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 2</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 3</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 4</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 5</A><BR>
</DIV>
<A class=Level1 id=OUT2t><IMG border=0 class=LEVEL1 id=OUT2i src="http://i051.radikal.ru/0806/56/34b976fddd52.jpg"> ССЫЛКА 3</A><BR>
<DIV id=OUT2s style="DISPLAY: none">
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 1</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 2</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 3</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 4</A><BR>
</DIV>
<A class=Level1 id=OUT3t><IMG border=0 class=LEVEL1 id=OUT3i src="http://i051.radikal.ru/0806/56/34b976fddd52.jpg"> ССЫЛКА 4</A><BR>
<DIV id=OUT3s style="DISPLAY: none">
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 1</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 2</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 3</A><BR>
<IMG src="none.gif" width="9" height="9"><A class=Level2 href="http://АДРЕС ВАШ">ссылка 4</A><BR>
</DIV>
</table>
<!-- BODY ENDS HERE -->