شبكة و منتديات الشامل

شبكة و منتديات الشامل - eshamel

بسم الله الرحمن الرحــيم

عزيزي الزائر :

هذه مجمـــوعة جاهــزة من أكواد الجافا التي لا تخفى أهميتها في تصميم صفحات الويب.

اضغط على الزر – ظلل الكل – ثم قم بنسخ الكود في المكــان المناسب .

تحتاج بعض الأكواد إلى تعديــلات [ كالروابط و غيره...] لتتناسب مع الصفحــة التي تقوم بتصميمها .

01- شاهد الساعة في أعلى متصفحك

<HEAD> <SCRIPT LANGUAGE="JavaScript">     </script> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

02 - أخبر صديق عن الموقع

<HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY> <center> <form name=emailform method=post action="http://xxxxxxx/mail.pl" target="_new" onSubmit="return initMail(this);"> <input type=hidden name=subject value="** Check Out This Site! **"> <input type=hidden name=message value=""> <table> <tr><td colspan=2 align=center>Tell a friend about this page!</td></tr> <tr><td>Their Name:</td><td><input type=text name=sendto></td></tr> <tr><td>Their Email:</td><td><input type=text name=to></td></tr> <tr><td>Your Name:</td><td><input type=text name=sendername></td></tr> <tr><td>Your Email:</td><td><input type=text name=senderemail></td></tr> <tr><td colspan=2 align=center><input type=submit value="Ok!"></td></tr> </table> </form> </center> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

03 - غير لون الرابط بعدة ألوان

<HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>       <BODY> <a name="link1" href="http://www.internet.com/" onmouseover="doColor(link1, 'yellow','black');" onmouseout="undoColor(link1);">internet.com</a> <p> <a name="link2" href="http://www.javascriptsource.com/" onmouseover="doColor(link2, 'blue','red');" onmouseout="undoColor(link2);">javascriptsource.com</a> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

04- كم عمرك بالدقة

05 - حرك الصفحة فوق و تحت

<HEAD> <style type="text/css"> #item {position:absolute; visibility:hidden; left:0px} </style> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY> <div id="item"> <a href="javascript:void(0)" onMouseover="okscroll=true; godown=true" onMouseout="okscroll=false"><img src="down1.gif" border="0"></a><a href="javascript:void(0)" onMouseover="okscroll=true; godown=false" onMouseout="okscroll=false"><img src="up1.gif" border="0"></a> </div> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

06 - فتح صفحة جديدة متحركة مع فتح المتصفح

<CENTER> <SCRIPT>  </SCRIPT> <A href="javascript:go()" onmouseout="window.status=''" onmouseover="window.status='open window';return true"><font size="9" color="green">Enter</font></A> </CENTER>

07 -فتح صفحة صغيرة لمدة ثمان ثوان مع فتح المتصفح

08 -كتابة بالون قوس قزح

<SCRIPT language="JavaScript">  </SCRIPT> <DIV align=center> <SCRIPT language="JavaScript"> document.write('<BR><FONT size=+9><TT><B>'); gradient("اكتب هنا ماتريد","008888 000088 880088 880000 888800 008800"); </SCRIPT> </DIV>

09 -يمنعك من ضغط الزر الايمن

10 -كود يجعل الصفحة تهتز لفترة وجيزه بعد دخولك اليها

11 -لإلغاء الخطوط التي تظهر تحت الوصلات

12 - لاختيار لون الخلفية

<FORM name="back"> <SELECT name="g" onChange="change()"> <OPTION VALUE="aqua">ازرق فاتح <OPTION VALUE="green">اخضر <OPTION VALUE="orange">برتقالي <OPTION VALUE="yellow">اصفر <OPTION VALUE="purple">بنفسجي <OPTION VALUE="gray">رصاصي <OPTION VALUE="pink">وردي <OPTION VALUE="lavender">جي فاتح <OPTION VALUE="khaki">ككاوي <OPTION VALUE="skyblue">ازرق سماوي <OPTION VALUE="white" SELECTED>ابيض </SELECT> <INPUT TYPE="button" VALUE="اختار اللون"> </FORM> <script language="Javascript">  </script>

13 - كود يجعل الزائر يختار لون الخلفيه لصفحتك

14 - كود لعمل خلفية مضيئة

15 - كود للوحة الترشيح لموقعك

16 - عرض الصفحة تلقائيا

17 - تأثيرات الماوس

<HEAD> <style type="text/css">  </style> </HEAD>  <BODY> <layer name="a0" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer> <layer name="a1" left=10 top=10 visibility=show bgcolor="#ff8000" clip="0,0,2,2"></layer> <layer name="a2" left=10 top=10 visibility=show bgcolor="#ffff00" clip="0,0,2,2"></layer> <layer name="a3" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer> <layer name="a4" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer> <layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,2,2"></layer> <layer name="a6" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,2,2"></layer> <div id="starsDiv" style="position:absolute;top:0px;left:0px"> <div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ffff00;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#ff0000;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div> <div style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:2px;visibility:visible"></div> </div> <script language="JavaScript">     </script> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

18 - تأثير النص يتبع الماوس

<HEAD> <style>.spanstyle { COLOR: white; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible } </style> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <body bgcolor="#000080" text="#000000" onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%">  <SCRIPT LANGUAGE="JavaScript">  </script> <p><center> <font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

19 - لعمل خلفية ثلوج متساقطةأو أي صورة بديله

!-- TWO STEPS TO INSTALL SNOW: 1. Copy the coding into the BODY of your HTML document 2. Save the snow.gif image to your web site directory -->  <BODY> <SCRIPT LANGUAGE="JavaScript1.2">      </script>  <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

20 - منع خاصية الزر الايمن للماوس

الصفحـــــة التاليــــــــة

أكتب تعليقا - جميع الاقتراحات والملاحظات حول الموقع هي محل الاهتمام

VistaPrint Coupon Code