مكتبة الجافا 4, أكواد جافا سكربت ، جافا سكريبت ، جافا سكريبت، أكواد الجافا

تصميم شعارات	تصميم منتديات	تصميم فلاش	تصميم احترافي
أسئلة متكرره	تصميم البرامج	تصميم التواقيع	تصميم البطاقات
المنتدى	البطاقات	الاستضافه	شروط التعاقد

1 \| 2 \| 3 \| 4
اختيار صوره من مجموعة صور	ساعه وتاريخ ويوم في شريط العنوان
<SCRIPT language="JavaScript"> /* Script posted and featured on Website Abstraction http://wsabstract.com */ function display_image(form) { selectionname = form.imagename.options[form.imagename.selectedIndex].text; selection = form.imagename.options[form.imagename.selectedIndex].value; PreView = window.open("", "Preview", "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,copyhistory=0,width=200,height=255"); PreView.document.open(); PreView.document.write("<HTML><HEAD>"); PreView.document.write("<TITLE>Preview</TITLE>"); PreView.document.write("</HEAD><BODY BGCOLOR=FFFFFF TEXT=000000>"); PreView.document.write("<FORM><CENTER><B><FONT SIZE=+1>" + selectionname + "</FONT></B><HR>"); PreView.document.write("<IMG HSPACE=0 VSPACE=0 " + "SRC='" + selection + "'>"); PreView.document.write("<HR><FORM><INPUT TYPE='button' VALUE='Close' " + "onClick='window.close()'></FORM>"); PreView.document.write("</CENTER>"); PreView.document.write("</BODY></HTML>"); PreView.document.close(); } </SCRIPT> </p> <FORM> <p align="center"> <select NAME="imagename" onChange="display_image(this.form)"> <option value="http://coctail.net/coctail5.jpg" SELECTED>كوكب كوكتيل1 <option value="http://coctail.net/coctail2.jpg">كوكب كوكتيل2 <option value="http://coctail.net/coctail5.jpg">كوكب كوكتيل </select> </FORM>	<HTML> <HEAD> <TITLE>Clock And Date</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- Hide JavaScript From Java-Impaired Browsers var timerID = null var timerRunning = false function MakeArray(size) { this.length = size; for(var i = 1; i <= size; i++) { this[i] = ""; } return this; } function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false } function showtime () { var now = new Date(); var year = now.getYear(); var month = now.getMonth() + 1; var date = now.getDate(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var day = now.getDay(); Day = new MakeArray(7); Day[0]="SUN"; Day[1]="MON"; Day[2]="TUE"; Day[3]="WED"; Day[4]="THU"; Day[5]="FRI"; Day[6]="SAT"; var timeValue = ""; timeValue += (Day[day]) + " "; timeValue += ((month < 10) ? " 0" : " ") + month + "-"; timeValue += date + "-" + year + " "; timeValue += ((hours <= 12) ? hours : hours - 12); timeValue += ((minutes < 10) ? ":0" : ":") + minutes; timeValue += ((seconds < 10) ? ":0" : ":") + seconds; timeValue += (hours < 12) ? " AM" : " PM"; window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true } function startclock () { stopclock(); showtime() } // End Hiding --> </SCRIPT> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock();">
زر تنبيه	لسته نازله للمواقع الشهيره
<form><input type="button" value="Java" onClick="alert('هنا ستظهر رسالتك'); return true"></form>	<form name="mycombo"> <select name="example" size="1"> <option value="http://www.cnet.com">Cnet</option> <option value="http://www.cnn.com">CNN</option> <option value="http://www.geocities.com">Geocities</option> </select> <script language="javascript"> <!-- /Image combo link box credit -By Website Abstraction (www.wsabstract..com) Over 200+ free scripts here! / function go() { location= document.mycombo.example.options[document.mycombo.example.selectedIndex].value } //--> </script> <a href="JavaScript:go()"><img src="../207.gif" border=0></a> </form> <p align="center"><font face="arial" size="-2">This free script provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>
ساعه حساب الوقت الذي تقضيه بالموقع	زر الصفحه التاليه والسابقه
<BODY> <SCRIPT LANGUAGE="JavaScript"> <!-- Original: Michael Tartaglia <stonedstan@hotmail.com> --> <!-- Web Site: http://www.geocities.com/SiliconValley/Horizon/5235 --> <!-- Begin day = new Date(); miVisit = day.getTime(); function clock() { dayTwo = new Date(); hrNow = dayTwo.getHours(); mnNow = dayTwo.getMinutes(); scNow = dayTwo.getSeconds(); miNow = dayTwo.getTime(); if (hrNow == 0) { hour = 12; ap = " AM"; } else if(hrNow <= 11) { ap = " AM"; hour = hrNow; } else if(hrNow == 12) { ap = " PM"; hour = 12; } else if (hrNow >= 13) { hour = (hrNow - 12); ap = " PM"; } if (hrNow >= 13) { hour = hrNow - 12; } if (mnNow <= 9) { min = "0" + mnNow; } else (min = mnNow) if (scNow <= 9) { secs = "0" + scNow; } else { secs = scNow; } time = hour + ":" + min + ":" + secs + ap; document.form.button.value = time; self.status = time; setTimeout('clock()', 1000); } function timeInfo() { milliSince = miNow; milliNow = miNow - miVisit; secsVisit = Math.round(milliNow / 1000); minsVisit = Math.round((milliNow / 1000) / 60); alert("There have been " + milliSince + " milliseconds since midnight, January 1, 1970. " + "You have spent " + milliNow + " of those milliseconds on this page. " + ".... About " + minsVisit + " minutes, and " + secsVisit + " seconds."); } document.write("<form name=\"form\">" + "<input type=button value=\"Click for info!\"" + " name=button onClick=\"timeInfo()\"></form>"); onError = null; clock(); // End --> </SCRIPT>	<SCRIPT LANGUAGE="JavaScript"> <!-- hide this script tag's contents from old browsers function goHist(a) { history.go(a); // Go back one. } //<!-- done hiding from old browsers --> </script> <FORM METHOD="post"> <INPUT TYPE="button" VALUE="الصفحه السابقه" onClick="goHist(-1)"> <INPUT TYPE="button" VALUE="الصفحه التاليه" onClick="goHist(1)"> </form>
زر عرض صفحه	آله حاسبه
<script> <!-- /Full screen window opener script: Written by Cocktail Planet (http://coctail.net/java/java.htm) More free scripts here/ function winopen(){ var targeturl="http://coctail.net/java/java.htm" newwin=window.open("","","scrollbars") if (document.all){ newwin.moveTo(0,0) newwin.resizeTo(screen.width,screen.height) } newwin.location=targeturl } //--> </script> <form> <input type="button" onClick="winopen()" value="تفضل بالدخول"> </form>	<FORM NAME="Calc"> <TABLE BORDER=4> <TR> <TD> <INPUT TYPE="text" NAME="Input" Size="16"> <br> </TD> </TR> <TR> <TD> <INPUT TYPE="button" NAME="one" VALUE=" 1 " OnClick="Calc.Input.value += '1'"> <INPUT TYPE="button" NAME="two" VALUE=" 2 " OnCLick="Calc.Input.value += '2'"> <INPUT TYPE="button" NAME="three" VALUE=" 3 " OnClick="Calc.Input.value += '3'"> <INPUT TYPE="button" NAME="plus" VALUE=" + " OnClick="Calc.Input.value += ' + '"> <br> <INPUT TYPE="button" NAME="four" VALUE=" 4 " OnClick="Calc.Input.value += '4'"> <INPUT TYPE="button" NAME="five" VALUE=" 5 " OnCLick="Calc.Input.value += '5'"> <INPUT TYPE="button" NAME="six" VALUE=" 6 " OnClick="Calc.Input.value += '6'"> <INPUT TYPE="button" NAME="minus" VALUE=" - " OnClick="Calc.Input.value += ' - '"> <br> <INPUT TYPE="button" NAME="seven" VALUE=" 7 " OnClick="Calc.Input.value += '7'"> <INPUT TYPE="button" NAME="eight" VALUE=" 8 " OnCLick="Calc.Input.value += '8'"> <INPUT TYPE="button" NAME="nine" VALUE=" 9 " OnClick="Calc.Input.value += '9'"> <INPUT TYPE="button" NAME="times" VALUE=" x " OnClick="Calc.Input.value += ' * '"> <br> <INPUT TYPE="button" NAME="clear" VALUE=" c " OnClick="Calc.Input.value = ''"> <INPUT TYPE="button" NAME="zero" VALUE=" 0 " OnClick="Calc.Input.value += '0'"> <INPUT TYPE="button" NAME="DoIt" VALUE=" = " OnClick="Calc.Input.value = eval(Calc.Input.value)"> <INPUT TYPE="button" NAME="div" VALUE=" / " OnClick="Calc.Input.value += ' / '"> <br> </TD> </TR> </TABLE> </FORM> <p align="center"><font face="arial" size="-2">This free script provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>
كلام متحرك	حكمة اليوم
<CENTER> <FORM NAME="marquee1"> <INPUT NAME="text" SIZE=25 VALUE=" أهلا بك في قسم الجافا لكوكب كوكتيل..نتمنى ان تعجبك هذه السكربتات" > </FORM> </CENTER> <SCRIPT> <!-- /www.geocities.com/planet9000, Windows Magazine May be used/modified if credit line is retained/ ScrollSpeed = 100 ScrollChars = 1 function ScrollMarquee() { window.setTimeout('ScrollMarquee()',ScrollSpeed); var msg = document.marquee1.text.value; document.marquee1.text.value = msg.substring(ScrollChars) + msg.substring(0,ScrollChars); } ScrollMarquee() //--> </SCRIPT>	<script LANGUAGE="JavaScript"> <!-- Begin var a = Math.random() + "" var rand1 = a.charAt(5) quotes = new Array quotes[1] = " الوقت كالسيف ان لم تقطعه قطعك" quotes[2] = "إنما الأعمال بالنيات " quotes[3] = " من جد وجد ومن زرع حصد" quotes[4] = "من طلب العلا سهر الليالي" quotes[5] = "اطلب العلم من المهد الى اللحد" quotes[6] = "في العجلة الندامه وفي التأني السلامه" quotes[0] = "العلم نور والجهل ظلام" // www.geocities.com/planet9000 var quote = quotes[rand1] document.write(quote); // End --> </script>
عبارة مضيئه	استعراض صور
<script language="JavaScript"> <!-- var x = 0 var speed = 500 var text = "كوكب كوكتيل" function Blinky() { window.status = text setTimeout("Blinky2()", speed) } function Blinky2() { window.status = " " setTimeout("Blinky()", speed) } Blinky() //--> //http://www.coctail.net </script>	<script> /* JavaScript dice (كــ كوكتيل ــــوكب, http://www.coctail.net) Over 200+ free scripts here! / //preload the six images first var face0=new Image() face0.src="site1.jpg" var face1=new Image() face1.src="forums.jpg" var face2=new Image() face2.src="romance1.jpg" var face3=new Image() face3.src="games1.jpg" var face4=new Image() face4.src="voice.jpg" var face5=new Image() face5.src="listen1.jpg" </script> <img src="planet1.gif" name="mydice"> <form> <input type="button" value="استعرض الصور" onClick="throwdice()"> </form> <script> function throwdice(){ //create a random integer between 0 and 5 var randomdice=Math.round(Math.random()5) document.images["mydice"].src=eval("face"+randomdice+".src") } </script>
اهتزاز الصفحه	صفحة تظهر اتوماتيكيا مع صفحتك
<script language="JavaScript1.2"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function shake(n) { if (self.moveBy) { for (i = 10; i > 0; i--) { for (j = n; j > 0; j--) { self.moveBy(0,i); self.moveBy(i,0); self.moveBy(0,-i); self.moveBy(-i,0); } } } } // End --> </script> <form> <p align="center"><input type="button" value="اضغـط هنـا" onclick="shake(2)"> </p> </form> <p align="center"><a href="http://www.coctail.net/"><font color="#FF00FF" size="4"><strong>coctail.NET</strong></font></a></p>	<!-- TWO STEPS TO INSTALL POPUP WINDOW: 1. Paste the first into the HEAD of your HTML document 2. Use the code to open the popup page on your site --> <!-- STEP ONE: Copy this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- The JavaScript Source!! http://www.coctail.net/ --> <!-- Begin function popUp() { props=window.open('ضع عنوان الصفحة هنا ', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=200, height=300, left = 300, top = 150'); } // End --> </script> <!-- STEP TWO: Paste this onLoad event handler into the BODY tag --> <BODY onLoad="javascript:popUp()"> <!-- Script Size: 0.73 KB -->
عند الضغط على اللون يخبرك بالرمز	تغير ألوان الصفحه بمرور الماوس على الكلمه
<!--# include virtual="/ssi/subhead-javagoodies.html" --><!-- Begin visible text here --><div align="center"><center> <table border="0"> <tr> <td><div align="center"><center><table border="0"> <tr> <td bgcolor="#FF0000"><a onclick="alert('FF0000')"><font color="#FF0000">FF0000 </font></a></td> <td bgcolor="#00FF00"><a onclick="alert('00FF00')"><font color="#00FF00">00FF00 </font></a></td> <td bgcolor="#0000FF"><a onclick="alert('0000FF')"><font color="#0000FF">0000FF </font></a></td> <td bgcolor="#FFFF00"><a onclick="alert('FFFF00')"><font color="#FFFF00">FFFF00 </font></a></td> <td bgcolor="#FF00FF"><a onclick="alert('FF00FF')"><font color="#FF00FF">FF00FF </font></a></td> <td bgcolor="#00FFFF"><a onclick="alert('00FFFF')"><font color="#00FFFF">00FFFF </font></a></td> <td bgcolor="#7F0000"><a onclick="alert('7F0000')"><font color="#7F0000">7F0000 </font></a></td> <td bgcolor="#007F00"><a onclick="alert('007F00')"><font color="#007F00">007F00 </font></a></td> </tr> <tr> <td bgcolor="#00007F"><a onclick="alert('00007F')"><font color="#00007F">00007F </font></a></td> <td bgcolor="#7F7F00"><a onclick="alert('7F7F00')"><font color="#7F7F00">7F7F00 </font></a></td> <td bgcolor="#7F007F"><a onclick="alert('7F007F')"><font color="#7F007F">7F007F </font></a></td> <td bgcolor="#007F7F"><a onclick="alert('007F7F')"><font color="#007F7F">007F7F </font></a></td> <td bgcolor="#FF7F00"><a onclick="alert('FF7F00')"><font color="#FF7F00">FF7F00 </font></a></td> <td bgcolor="#FF007F"><a onclick="alert('FF007F')"><font color="#FF007F">FF007F </font></a></td> <td bgcolor="#7FFF00"><a onclick="alert('7FFF00')"><font color="#7FFF00">7FFF00 </font></a></td> <td bgcolor="#00FF7F"><a onclick="alert('00FF7F')"><font color="#00FF7F">00FF7F </font></a></td> </tr> <tr> <td bgcolor="#7F00FF"><a onclick="alert('7F00FF')"><font color="#7F00FF">7F00FF </font></a></td> <td bgcolor="#007FFF"><a onclick="alert('007FFF')"><font color="#007FFF">007FFF </font></a></td> <td bgcolor="#7FFFFF"><a onclick="alert('7FFFFF')"><font color="#7FFFFF">7FFFFF </font></a></td> <td bgcolor="#FF7FFF"><a onclick="alert('FF7FFF')"><font color="#FF7FFF">FF7FFF </font></a></td> <td bgcolor="#FFFF7F"><a onclick="alert('FFFF7F')"><font color="#FFFF7F">FFFF7F </font></a></td> <td bgcolor="#FF7F7F"><a onclick="alert('FF7F7F')"><font color="#FF7F7F">FF7F7F </font></a></td> <td bgcolor="#7FFF7F"><a onclick="alert('7FFF7F')"><font color="#7FFF7F">7FFF7F </font></a></td> <td bgcolor="#7F7FFF"><a onclick="alert('7F7FFF')"><font color="#7F7FFF">7F7FFF </font></a></td> </tr> </table> </center></div></td> </tr> </table> </center></div>	<p align="center"><a onmouseover="document.bgColor='silver'"><font color="#004080" size="4"><strong>W</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>e</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='azure'"><font color="#004080" size="4"><strong>l</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightgreen'"><font color="#004080" size="4"><strong>c</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightblue'"><font color="#004080" size="4"><strong>o</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='white'"><font color="#004080" size="4"><strong>m</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>e</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='azure'"><font color="#004080" size="4"><strong>t</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightgreen'"><font color="#004080" size="4"><strong>o</strong></font></a><font color="#004080" size="4"><strong> C O C T A I L </strong></font><a onmouseover="document.bgColor='lightblue'"><font color="#004080" size="4"><strong>.</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='white'"><font color="#004080" size="4"><strong>N</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>e</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='azure'"><font color="#004080" size="4"><strong>t</strong></font></a><font color="#004080" size="4"><strong> </strong></font></p> <p align="center"><a onmouseover="document.bgColor='lightgreen'"><font color="#004080" size="4"><strong>W</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightblue'"><font color="#004080" size="4"><strong>e</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='white'"><font color="#004080" size="4"><strong>l</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='silver'"><font color="#004080" size="4"><strong>c</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>o</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='azure'"><font color="#004080" size="4"><strong>m</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightgreen'"><font color="#004080" size="4"><strong>e</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='lightblue'"><font color="#004080" size="4"><strong>t</strong></font></a><font color="#004080" size="4"><strong> </strong></font><a onmouseover="document.bgColor='white'"><font color="#004080" size="4"><strong>o</strong></font></a><font color="#004080" size="4"><strong> C O C T A I L </strong></font><a onmouseover="document.bgColor='lightslategray'"><font color="#004080" size="4"><strong>.</strong></font></a><font color="#004080" size="4"><strong> </strong></font></p>
تغير شكل الصوره عند تمرير الماوس	للبحث عن أي كلمه بالصفحه
<script language="JavaScript1.2"> /* Highlight Image Script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.opacity=20 } </script><div align="center"><center> <table dir="rtl" border="0" cellpadding="0" cellspacing="0" width="200" bgcolor="#FFFFFF"> <tr> <td><p align="center"><a href="http://coctail.net/java/java.htm"><img src="coctail.gif" alt="الرئيســـية" border="0" width="60" height="60" style="filter:alpha(opacity=20)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)"></a></p> </td> <td><p align="center"><a href="http://coctail.net"><img src="email12.gif" alt="كوكب كوكتيل" border="0" width="60" height="60" style="filter:alpha(opacity=20)" onmouseover="makevisible(this,0)" onmouseout="makevisible(this,1)"></a></p> </td> </tr> </table> </center></div> <p align="center"><a href="http://www.coctail.net/"><font color="#000000" size="4"><strong>coctail</strong></font></a></p>	<script language="JavaScript"> <!-- Original: Mike Hall (MHall75819@aol.com) --> <!-- Web Site: http://members.aol.com/MHall75819 --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin var NS4 = (document.layers); var IE4 = (document.all); var win = this; var n = 0; function findInPage(str) { var txt, i, found; if (str == "") return false; if (NS4) { if (!win.find(str)) while(win.find(str, false, true)) n++; else n++; if (n == 0) alert(str + " was not found on this page."); } if (IE4) { txt = win.document.body.createTextRange(); for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { txt.moveStart("character", 1); txt.moveEnd("textedit"); } if (found) { txt.moveStart("character", -1); txt.findText(str); txt.select(); txt.scrollIntoView(); n++; } else { if (n > 0) { n = 0; findInPage(str); } else alert(str + " was not found on this page."); } } return false; } // End --> </script> <form name="search" onsubmit="return findInPage(this.string.value);"> <p align="center"><font color="#800080" size="4"><strong>ابحث</strong></font> <input type="text" size="15" name="string" onchange="n = 0;"> </p> </form> <p align="center"><a href="http://www.coctail.net/"><font color="#FF00FF" size="4"><strong>coctail</strong></font></a></p>
اضاءة الصوره	اهتزاز الصوره عند تمرير الماوس
هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود <style> <!-- #spotlight{ filter:light } --> </style> في منطقة الرأس أي بين الواصفتين <head>- </head> والخطوه الثانية إضافة بقية الكود بين الواصفتين <body> - </body> وهذا كود الخطوه الثانية <p align="center"><br> <img src="http://coctail.net/coctail2.jpg" width="400" height="85" id="spotlight" speed="70"> </p> <p><script language="JavaScript1.2"> /* Moving light on image script © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all&&window.spotlight){ var x=new Array() var direction=new Array() var y=new Array() if (spotlight.length==null){ spotlight[0]=document.all.spotlight x[0]=0 direction[0]="right" y[0]=spotlight[0].height spotlight[0].filters.light.addPoint(100,50,100,255,255,255,90) } else for (i=0;i<spotlight.length;i++){ x[i]=0 direction[i]="right" y[i]=spotlight[i].height spotlight[i].filters.light.addPoint(100,50,100,255,255,255,90) } } function slidelight(cur){ spotlight[cur].filters.light.MoveLight(0,x[cur],y[cur],200,-1) if (x[cur]<spotlight[cur].width+200&&direction[cur]=="right") x[cur]+=10 else if (x[cur]>spotlight[cur].width+200){ direction[cur]="left" x[cur]-=10 } else if (x[cur]>-200&&x[cur]<-185){ direction[cur]="right" x[cur]+=10 } else{ x[cur]-=10 direction[cur]="left" } } if (document.all&&window.spotlight){ if (spotlight.length==null) setInterval("slidelight(0)",spotlight[0].speed) else for (t=0;t<spotlight.length;t++){ var temp='setInterval("slidelight('+t+')",'+spotlight[t].speed+')' eval(temp) } } </script> </p> <p align="center"><a href="http://www.coctail.net/"><font color="#FF00FF" size="4"><strong>coctail</strong></font></a></p>	الخطوه الاولى عليك بإضافة هذا الكود <style> <!-- .shakeimage{ position:relative } //--> </style> في الرأس أي بين الواصفتين <head>- </head> والخطوه الثانية إضافة بقية الكود بين الواصفتين <body> - </body> وهذا كود الخطوه الثانية <script language="JavaScript1.2"> /* Shake image script (onMouseover)- © Dynamic Drive (www.dynamicdrive.com) For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ //configure shake degree (where larger # equals greater shake) var rector=3 ///////DONE EDITTING/////////// var stopit=0 var a=1 function init(which){ stopit=0 shake=which shake.style.left=0 shake.style.top=0 } function rattleimage(){ if ((!document.all&&!document.getElementById)\|\|stopit==1) return if (a==1){ shake.style.top=parseInt(shake.style.top)+rector } else if (a==2){ shake.style.left=parseInt(shake.style.left)+rector } else if (a==3){ shake.style.top=parseInt(shake.style.top)-rector } else{ shake.style.left=parseInt(shake.style.left)-rector } if (a<4) a++ else a=1 setTimeout("rattleimage()",50) } function stoprattle(which){ stopit=1 which.style.left=0 which.style.top=0 } </script> </p> <p><a href="mailto:coctail@coctail.net"><img src="email12.gif" alt="اتصل بنا" border="0" width="60" height="60" class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)"></a> <a href="index.htm"><img src="coctail.gif" alt="كوكب كوكتيل" border="0" width="60" height="60" class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this)"></a> </p> <p align="center"><a href="http://www.coctail.net/"><font color="#FFFFFF" size="4"><strong>coctail</strong></font></a></p>

كوكتيل بلانت l اتصل بنا l شروط التعاقد l أسئلة متكرره l من نحن l خريطة الموقع l منتديات l دعم فني