هذا الكود يتكون من 3 خطوات
الخطوه الاولى
عليك بإضافة هذا الكود
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Randy Bennett (rbennett@thezone.net) -->
<!-- Web Site: http://home.thezone.net/~rbennett/utility/javahead.htm -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function buildMenu() {
speed=35;
topdistance=100;
items=6;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
v=".pixelTop=",dS="",sD=".style";
}
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval(dS + objectX + sD + v + y);
if (y<topdistance) setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1, setTimeout("scrollItems()",speed);
}
}
// End -->
</SCRIPT>
في منطقة الرأس أي بين الواصفتين
<head>- </head>
الخطوه الثانية
عليك بإضافة هذا الكود
onLoad="buildMenu(), scrollItems();"
في رأس الجسم
<body bgcolor="#FFFFFF">
بين علامة التنصيص الاخيرة والقوس
والخطوه الثالثة إضافة بقية الكود بين الواصفتين
<body> - </body>
وهذا كود الخطوه الثالثة
<div id="object1" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=index.htm><font
color="#ffff00" size="3" face="Tahoma"> الرئيسية</font></a>
</center></td>
</table>
</div>
<div id="object2" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=design.htm><font
color="#ffff00" size="3" face="Tahoma">تصميم</font></a></center></td>
</table>
</div>
<div id="object3" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=web.htm><font
color="#ffff00" size="3" face="Tahoma">فرونت بيج</font></a>
</center></td>
</table>
</div>
<div id="object4" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=romancee.htm><font
color="#ffff00" size="3" face="Tahoma">رومانسيات</font></a>
</center></td>
</table>
</div>
<div id="object5" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=fcards.htm><font
color="#ffff00" size="3" face="Tahoma">بطاقات فلاش</font></a>
</center></td>
</table>
</div>
<div id="object6" style="position:absolute; visibility:show; left:25px; top:-50px; z-index:2">
<table border=1 width=150 bgcolor=D9B3B3>
<td><center>
<a href=contact.htm><font
color="#ffff00" size="3" face="Tahoma">اتصل بنا</font></a>
</center></td>
</table>
</div>
<p align="center"><a href="http://www.a7mad3wad.hexat.com/"><font
color="#FF00FF" size="4"><strong>a7mad3wad.hexat.com</strong></font></a></p>
اليومية