1.Adım:Bu
hareketli menü örneğine ait kodları JavaScript kodlarını sayfada
<HEAD>..
</HEAD> tag'lerinin
arasına gelecek şekilde kopyalayın.
<script src="scrollmenu2.js"></script>
2.Yandaki js uzantılı
dosyayı çekin: scrollmenu2.js
3.Aşağıdaki div'le başlayan
ve aynızamanta tablo kodlarının yeraldığı kodlar BODY tag'ından sonra yazılacaktır.Menüde
yeralan yazıları bularak istenilen yazılar ve link'ler değiştirilmelidir.
<p><div id="layer5"
style="position:absolute; left:18px; top:-78px; width:200px; height:200px;
z-index:1; visibility:inherit; border-width:1px; border-style:none;">
<table
border="0" cellspacing="1" width="120">
<tr>
<td bgcolor="black"><table border="0" cellpadding="0" cellspacing="0"
width="120">
<tr>
<td width="120" height="25" align="center" bgcolor="#6666FF"><p><a
href="http://webscroll.virtualave.net/"><font
face="Arial Black,Arial Black" size="2" color="aqua"><b>SCOLL</b></font></a></td>
</tr>
</table></td>
</tr>
</table>
</div><div id="layer4"
style="position:absolute; left:19px; top:-63px; width:200px; height:200px;
z-index:1; visibility:inherit; border-width:1px; border-style:none;">
<table
border="0" cellspacing="1" width="120">
<tr>
<td bgcolor="black"><table border="0" cellpadding="0" cellspacing="0"
width="120">
<tr>
<td width="120" height="25" align="center" bgcolor="#00CCFF"><p><a
href="http://webscroll.virtualave.net/"><font
face="Arial Black,Arial Black" size="2" color="green"><b>SCROLL</b></font></a></td>
</tr>
</table></td>
</tr>
</table>
</div><div id="layer3"
style="position:absolute; left:19px; top:-63px; width:200px; height:200px;
z-index:1; visibility:inherit; border-width:1px; border-style:none;">
<table
border="0" cellspacing="1" width="120">
<tr>
<td bgcolor="black"><table border="0" cellpadding="0" cellspacing="0"
width="120">
<tr>
<td width="120" height="25" align="center" bgcolor="#FF66CC"><p><a
href="http://webscroll.virtualave.net/"><font
face="Arial Black,Arial Black" size="2" color="green"><b>SCROLL</b></font></a></td>
</tr>
</table></td>
</tr>
</table>
</div><div id="layer2"
style="position:absolute; left:20px; top:-94px; width:200px; height:200px;
z-index:1; visibility:inherit; border-width:1px; border-style:none;">
<table
border="0" cellspacing="1" width="120">
<tr>
<td bgcolor="black"><table border="0" cellpadding="0" cellspacing="0"
width="120">
<tr>
<td width="120" height="25" align="center" bgcolor="#66CC99"><p><a
href="http://webscroll.virtualave.net/"><font
face="Arial Black,Arial Black" size="2" color="blue"><b>SCROLL</b></font></a></td>
</tr>
</table></td>
</tr>
</table>
</div><div id="layer1"
style="position:absolute; left:19px; top:-42px; width:200px; height:200px;
z-index:1; visibility:inherit; border-width:1px; border-style:none;">
<table
border="0" cellspacing="1" width="120">
<tr>
<td bgcolor="black"><table border="0" cellpadding="0" cellspacing="0"
width="120">
<tr>
<td width="120" height="25" align="center" bgcolor="#FF9966"><p><a
href="http://webscroll.virtualave.net/"><font
face="Arial Black,Arial Black" size="2" color="red"><b>SCROLL</b></font></a></td>
</tr>
</table></td>
</tr>
</table>
</div></p>
4.Adım:Aşağıda Body tag'ının
içine yazılacak kod örnekte olduğu gibi yazılmalıdır.
Örnek kırmızı
yazılar:
<body onload="scroll('rojhilat');">
|
.gif){kind=tracking}