الكود 1 - اقتباس :
<script language="JavaScript">
/*****************************************
* Translated By
www.star28.com/* Visit our site at
http://www.star28.com/ for more code
* This notice must stay intact for use
***********************************************/
<!-- Begin
function dropMenu() {
speed=35;
topdistance=20;
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>
الكود التاني
- الكود:
-
<BODY onLoad="dropMenu(), scrollItems();">
الكود الثالث
- الكود:
-
<div id="object1" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc><tr>
<td>
<center>
<a href="http://www.star28.com/" style="color: #ffffff; cursor: se-resize"><B>دليل العرب الشامل</B></a>
</center>
</td>
</table>
</div>
<div id="object2" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc><tr>
<td>
<center>
<a href="http://www.star28.com/" style="color: #ffffff; cursor: se-resize"><B>رابط رقم 1</B></a>
</center>
</td>
</table>
</div>
<div id="object3" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc><tr>
<td>
<center>
<a href="http://www.star28.com/" style="color: #ffffff; cursor: se-resize"><B>رابط رقم 2</B></a>
</center>
</td>
</table>
</div>
<div id="object4" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc><tr>
<td>
<center>
<a href="http://www.star28.com/" style="color: #ffffff; cursor: se-resize"><B>رابط رقم 3</B></a>
</center>
</td>
</table>
</div>
<div id="object5" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc><tr>
<td>
<center>
<a href="http://www.star28.com/" style="color: #ffffff; cursor: se-resize"><B>رابط رقم 4</B></a>
</center>
</td>
</table>
</div>
<div id="object6" style="position: absolute; visibility: show; left: 50px; top: -50px; z-index: 2; cursor: se-resize">
<table border=1 width=150 bgcolor=#0066cc>
<tr><td>
<center>
<a href="http://www.star28.com/" style="cursor: se-resize; color: #FFFFFF"><B>رابط رقم 5</B></a>
</center>
</td>
</table>
</div>
موضوع: قائمة تظهر من رأس الصفحة بشكل جميل 
السبت يونيو 28, 2008 2:41 am