الأربعاء، 29 يونيو 2016

قائمه متحركه تنزل الى الصفحه بطريقة جميله

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

ليست هناك تعليقات:

إرسال تعليق