1.Adım:Bu
menü örneğine ait kodları JavaScript kodlarını sayfada <HEAD>..
</HEAD> tag'lerinin
arasına gelecek şekilde kopyalayın.
<script src="scrollmenu.js></script>
Not:
yandaki js uzantılı dosyayı çekin: scrollmenu.js
2.Adım:Hareketli menü
örneğinizin yazılarını yazacağımız kodları div le başlayanları ve
tablo kodlarını <body> tagından sonra yazılacaktır.
<p><div id="layer1"
style="position:absolute; left:-133px; top:103px; width:124px; height:27px;
z-index:1; 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="12" align="center" bgcolor="#999966"><p><a
href="java1.htm"
target="_self"><font face="Arial Black,Arial" size="3"
color="lime">Java</font></a><a href="java1.htm"
target="_self"><font face="Arial Black,Arial" size="3"
color="red">Applet</font></a> </td>
</tr>
</table></td>
</tr>
</table>
</div><div id="layer2"
style="position:absolute; left:-134px; top:124px; width:124px; height:27px;
z-index:1; 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="12" align="center" bgcolor="#33CCFF"><p><a
href="script3.htm"
target="_self"><font face="Arial Black,Arial" size="3"
color="fuchsia">Java</font></a><a href="script3.htm"
target="_self"><font face="Arial Black,Arial" size="3"
color="green">Script</font></a> </td>
</tr>
</table></td>
</tr>
</table>
</div><div id="layer3"
style="position:absolute; left:-130px; top:147px; width:124px; height:27px;
z-index:1; 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="12" align="center" bgcolor="#99CCCC"><p><a
href="fade2.htm"
target="_self"><font face="Arial Black,Arial" size="3"
color="red">Spesial</font></a><a href="fade2.htm"
target="_self"><font face="Arial Black,Arial" size="3"
color="blue">Efec</font></a><font face="Arial Black,Arial"
size="3" color="blue">t</font> </td>
</tr>
</table></td>
</tr>
</table>
</div><div id="layer4"
style="position:absolute; left:-129px; top:190px; width:122px; height:27px;
z-index:1; 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="12" align="center" bgcolor="#330066"><p><a
href="dhtml20.htm"
target="_self"><font face="Arial Black,Arial Black"
size="3" color="#B224FF">Dhtml</font></a> </td>
</tr>
</table></td>
</tr>
</table>
</div><div id="layer5"
style="position:absolute; left:-138px; top:210px; width:124px; height:27px;
z-index:1; 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="12" align="center" bgcolor="#33CC99"><p><a
href="download.htm"
target="_self"><font face="Arial Black,Arial" size="3"
color="navy">Download</font></a> </td>
</tr>
</table></td>
</tr>
</table>
</div><div id="layer6"
style="position:absolute; left:-139px; top:237px; width:123px; height:27px;
z-index:1; 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="12" align="center" bgcolor="#6666FF"><p><a
href="free.htm"
target="_self"><font face="Arial Black,Arial" size="3"
color="maroon">Free</font></a><a href="free.htm"
target="_self"><font face="Arial Black,Arial" size="3"
color="aqua">Page</font></a> </td>
</tr>
</table></td>
</tr>
</table>
</div><div id="layer7"
style="position:absolute; left:429px; top:324px; width:122px; height:27px;
z-index:1; 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="12" align="center" bgcolor="#FFCCFF"><p><a
href="free.htm"
target="_self"><font face="Arial Black,Arial Black"
size="3" color="#FF9C1E">Extra</font></a><a href="free.htm"
target="_self"><font face="Arial Black,Arial" size="3"
color="green">Link</font></a> </td>
</tr>
</table></td>
</tr>
</table>
</div></p>
3.Adım:Aşağıda verien
kod body tag'ının içine yazılacaktır.Örnek kırmızı ( yazılar
)aşağıdadır.
<body onload="Scroll('rojhilat');">
|
.gif){kind=tracking}