اكواد جافا > خلفيات والوان
خلفيات والوان
كود يدرج اللوان الخلفية من الأبيض الى الأسود
هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود onload="disco()" في رأس الجسم <body bgcolor="#FFFFFF"> بين علامة التنصيص الاخيرة والقوس والخطوه الثانية إضافة بقية الكود بين ما سبق والواصفة </body> وهذا كود الخطوه الثانية <script language="JavaScript"> <!-- //you can assign the initial color of the background here r=255; g=255; b=255; flag=0; t=new Array; o=new Array; d=new Array; function hex(a,c) { t[a]=Math.floor(c/16) o[a]=c%16 switch (t[a]) { case 10: t[a]='A'; break; case 11: t[a]='B'; break; case 12: t[a]='C'; break; case 13: t[a]='D'; break; case 14: t[a]='E'; break; case 15: t[a]='F'; break; default: break; } switch (o[a]) { case 10: o[a]='A'; break; case 11: o[a]='B'; break; case 12: o[a]='C'; break; case 13: o[a]='D'; break; case 14: o[a]='E'; break; case 15: o[a]='F'; break; default: break; } } function ran(a,c) { if ((Math.random()>2/3||c==0)&&c<255) { c++ d[a]=2; } else { if ((Math.random()<=1/2||c==255)&&c>0) { c-- d[a]=1; } else d[a]=0; } return c } function do_it(a,c) { if ((d[a]==2&&c<255)||c==0) { c++ d[a]=2 } else if ((d[a]==1&&c>0)||c==255) { c--; d[a]=1; } if (a==3) { if (d[1]==0&&d[2]==0&&d[3]==0) flag=1 } return c } function disco() { if (flag==0) { r=ran(1, r); g=ran(2, g); b=ran(3, b); hex(1,r) hex(2,g) hex(3,b) document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag=50 } else { r=do_it(1, r) g=do_it(2,g) b=do_it(3,b) hex(1,r) hex(2,g) hex(3,b) document.bgColor="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3] flag-- } if (document.all) setTimeout('disco()',50) } //--> </script>
كود يحتوي على ازرار ويغير لون الخلفية حسب الطلب
<!-- خطوتان لتركيب هذا الكود --> <!-- الخطوة الأولى : انسخ الكود التالي في منطقة الرأس او head --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function changeBackground(hexNumber) { document.bgColor=hexNumber } prefix="#" rnum1=0 bnum1=0 gnum1=0 rnum2=0 bnum2=0 gnum2=0 hexNumber2="#000000"; rcount=0; bcount=0; gcount=0; function num2hex(num) { if (num==15) return "f"; else if (num==14) return "e"; else if (num==13) return "d"; else if (num==12) return "c"; else if (num==11) return "b"; else if (num==10) return "a"; else if (num==9) return "9"; else if (num==8) return "8"; else if (num==7) return "7"; else if (num==6) return "6"; else if (num==5) return "5"; else if (num==4) return "4"; else if (num==3) return "3"; else if (num==2) return "2"; else if (num==1) return "1"; else return "0"; } function changeBackground2(number) { if(number == 1) { rnum1=rcount%16; if (rcount <15) { rcount=rcount+1; } } if(number == 2) { gnum1=gcount%16; if (gcount <15) { gcount=gcount+1; } } if(number == 3) { bnum1=bcount%16; if (bcount <15) { bcount=bcount+1; } } if(number == 4) { rnum1=rcount%16; if (rcount > 0) { rcount=rcount-1; } } if(number == 5) { gnum1=gcount%16; if (gcount > 0) { gcount=gcount-1; } } if(number == 6) { bnum1=bcount%16; if (bcount > 0) { bcount=bcount-1; } } hexNumber2 = prefix+num2hex(rnum1)+num2hex(rnum2)+num2hex(gnum1)+num2hex(gnum2)+num2hex(bnum1)+num2hex(bnum2); document.bgColor=hexNumber2 } // End --> </SCRIPT> <!--الخطوة الثانية انسخ هذا الكود في منطقة الجسم أو body --> <BODY> <CENTER> <FORM METHOD="POST" NAME="background"> <TABLE WIDTH=350 BORDER="3" CELLPADDING="3"> <TR> <TD Align=center><INPUT TYPE="button" VALUE="أحمر" ONCLICK="changeBackground('#FF0000')"></TD> <TD Align=center><INPUT TYPE="button" VALUE="أخضر" ONCLICK="changeBackground('#00FF00')"></TD> <TD Align=center><INPUT TYPE="button" VALUE="أزرق" ONCLICK="changeBackground('#0000FF')"></TD> <TD Align=center><INPUT TYPE="button" VALUE="أبيض" ONCLICK="changeBackground('#FFFFFF')"></TD> <TD Align=center><INPUT TYPE="button" VALUE="أسود" ONCLICK="changeBackground('#000000')"></TD> <TD Align=center><INPUT TYPE="button" VALUE="رمادي" ONCLICK="changeBackground('#C0C0C0')"></TD> </TR> </TABLE> <TABLE WIDTH=350 BORDER="3" CELLPADDING="3"> <TR><TD><center>تغيير لون الخلفية حسب الطلب</center></TD> </TR> </TABLE> <TABLE WIDTH=350 BORDER="3" CELLPADDING="3"> <TR> <TD Align=center><INPUT TYPE="button" VALUE="احمر اكثر" ONCLICK="changeBackground2(1)"><P> <INPUT TYPE="button" VALUE="أحمر أقل" ONCLICK="changeBackground2(4)"></TD> <TD Align=center><INPUT TYPE="button" VALUE="أخضر اكثر" ONCLICK="changeBackground2(2)"><P> <INPUT TYPE="button" VALUE="اخضر أقل" ONCLICK="changeBackground2(5)"></TD> <TD Align=center><INPUT TYPE="button" VALUE="أزرق اكثر" ONCLICK="changeBackground2(3)"><P> <INPUT TYPE="button" VALUE="-ازرق اقل" ONCLICK="changeBackground2(6)"></TD> </TR> </TABLE> <TABLE WIDTH=350 BORDER="3" CELLPADDING="3"> <TR> <TD></TD> </TR> </TABLE> </FORM> </CENTER>
كود عند لصقه في صفحة يعرض لك شفرات كل الالوان
<blockquote> <blockquote> <blockquote> <script language="JavaScript"> <!-- yawWAR.CoM --> <!-- yawWAR.NeT --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> clr=new Array('00','20','40','60','80','a0','c0','ff'); for (i=0;i<8;i++) { document.write("<table border=1 cellpadding=8>"); for (j=0;j<8;j++) { document.write("<tr>"); for (k=0;k<8;k++) { document.write('<td bgcolor="#'+clr[i]+clr[j]+clr[k]+'">'); document.write('<tt><font color="#'+clr[7-i]+clr[7-j]+clr[7-k]+'"> '); document.write(clr[i]+clr[j]+clr[k]+' </font></tt></td>'); } document.write("</tr>"); } document.write("</table><br>"); } // end --> </script> </blockquote> </blockquote> </blockquote> <p align="center"><a href="http://www.yawwar.com/"><font color="#FF00FF" size="3" face="arial3"><strong>yawWAR.CoM</strong></font></a><font color="#FF00FF"><strong> </strong></font></p> <p><!-- Script Size: 0.98 KB --> </p>
كود يغير لون خلفية الصفحة مع كل زيارة
هذا الكود يتكون من خطوتان الخطوه الاولى عليك بإضافة هذا الكود onload="randombackground()" في رأس الجسم <body bgcolor="#FFFFFF"> بين علامة التنصيص الاخيرة والقوس والخطوه الثانية إضافة بقية الكود بين ما سبق والواصفة </body> وهذا كود الخطوه الثانية <script language="Javascript"> <!-- /* yawWAR yawwar.com */ function randombackground() { document.bgColor = getColor(); } function getColor() { currentdate = new Date(); backgroundcolor = currentdate.getSeconds(); if (backgroundcolor > 44) backgroundcolor = backgroundcolor - 45; else if (backgroundcolor > 29) backgroundcolor = backgroundcolor - 30; else if (backgroundcolor > 15) backgroundcolor = backgroundcolor - 16; if (backgroundcolor == 0 ) return "black"; else if (backgroundcolor == 1 ) return "blue"; else if (backgroundcolor == 2 ) return "red"; else if (backgroundcolor == 3 ) return "orange"; else if (backgroundcolor == 4 ) return "yellow"; else if (backgroundcolor == 5 ) return "green"; else if (backgroundcolor == 6 ) return "violet"; else if (backgroundcolor == 7 ) return "grey"; else if (backgroundcolor == 8 ) return "white"; else if (backgroundcolor == 9 ) return "turqoise"; else if (backgroundcolor == 10 ) return "teal"; else if (backgroundcolor == 11 ) return "dark green"; else if (backgroundcolor == 12 ) return "pink"; else if (backgroundcolor == 13 ) return "olive"; else if (backgroundcolor == 14 ) return "brown"; else if (backgroundcolor == 15 ) return "lightblue"; } //--> </script><!-- Use this entire tag only if you don't have a body tag already. Otherwise, just add the onLoad="randombackground" part to your existing body tag -->
عودة
