مؤثرات الخلفياتالوصف: تتغير لون خلفية الصفحة في كل مرة تدخلها .
طريقة التركيب: ضع الكود بمنطقة الـ <body>
الكود:
ظلل وانسخ الكود
<script> /*Random background color- by javascriptkit.com Visit JavaScript Kit (http://javascriptkit.com) for script Credit must stay intact for use*/ //Enter list of bgcolors: var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00") document.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] </script>
الوصف: خلفية رائعة عبارة عن العاب نارية.
طريقة التركيب: ضع الكود في منطقة الـ <body>
الكود:
ظلل وانسخ الكود
<layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer> <layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer> <layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer> <layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer> <layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer> <layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer> <layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer> <script language="JavaScript"> /* Document firework script (By Kurt Gregg,
kurt.grigg@virgin.net) Modified granted to Dynamic Drive to feature script in archive For full source and 100's more DHTML scripts, visit
http://dynamicdrive.com */ if (document.all) with(document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>') write('</div>') } var Clrs=new Array(9) Clrs[0]='ff0000'; Clrs[1]='00ff00'; Clrs[2]='000aff'; Clrs[3]='ff00ff'; Clrs[4]='ffa500'; Clrs[5]='ffff00'; Clrs[6]='00ff00'; Clrs[7]='ffffff'; Clrs[8]='fffff0'; var sClrs=new Array(5) sClrs[0]='ffa500'; sClrs[1]='55ff66'; sClrs[2]='AC9DFC'; sClrs[3]='fff000'; sClrs[4]='fffff0'; var yBase; var xBase; var step; var currStep = 0; var Xpos = 1; var Ypos = 1; var initialStarColor='ffa000'; var Mtop=250; var Mleft=250; function Fireworks() { if (document.all) { yBase = window.document.body.offsetHeight/3; xBase = window.document.body.offsetWidth/8; } else if (document.layers) { yBase = window.innerHeight/3; xBase = window.innerWidth/8; } if (document.all) { step=5; for ( i = 0 ; i < starsDiv.all.length ; i++ ) { for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) starsDiv.all[i].style.background=initialStarColor; if (currStep > 90) starsDiv.all[i].style.background=Clrs[c]; starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100) starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100) } } else if (document.layers) { step = 5; for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j for (ai=0; ai < Clrs.length; ai++) { var c=Math.round(Math.random()*[ai]); } if (currStep < 90) document.layers[templayer].bgColor=initialStarColor; if (currStep > 90) document.layers[templayer].bgColor=Clrs[c]; document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100) document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100) } } currStep+= step;
http://window.status=currStep; T=setTimeout("Fireworks()",5); if (currStep==220) { currStep=-10; for (n=0; n < sClrs.length; n++) { var k=Math.round(Math.random()*n); } initialStarColor=sClrs[k]; if (document.all) { Dtop=window.document.body.clientHeight-250; Dleft=xBase*3.5; Mtop=Math.round(Math.random()*Dtop); Mleft=Math.round(Math.random()*Dleft); document.all.starsDiv.style.top=Mtop+document.body.scrollTop; document.all.starsDiv.style.left=Mleft+document.body.scrollLeft; } else if (document.layers) { Dleft=window.innerWidth-100; Dtop=window.innerHeight-100; Mtop=Math.round(Math.random()*Dtop+window.pageYOffset); Mleft=Math.round(Math.random()*Dleft+window.pageXOffset); document.layers[templayer].top=Mtop; document.layers[templayer].left=Mleft; } if ((Mtop < 20) || (Mleft < 20)) { Mtop+=90; Mleft+=90; } } } if (document.all||document.layers) Fireworks(); </script>
الوصف: تغير الوان الخلفية عند دخول الصفحة.
طريقة التركيب: من خطوتين :
1- ضع الكود التالي بمنطقة الـ <head>
الكود:
ظلل وانسخ الكود
<script language="JavaScript"> hexa = new Array(16); function degrade(sr, sg, sb, er, eg, eb, pas) { for(var i = 0; i < 10; i++) hexa[i] = i; hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; for(var i = 0; i <= pas; i++) { setbgColor( Math.floor(sr * ((pas-i)/pas) + er * (i/pas)), Math.floor(sg * ((pas-i)/pas) + eg * (i/pas)), Math.floor(sb * ((pas-i)/pas) + eb * (i/pas))); } } function hex(i) { if (i < 0) return "00"; else if (i > 255) return "ff"; else return "" + hexa[Math.floor(i/16)] + hexa[i%16]; } function setbgColor(r, g, b) { var hr = hex(r), hg = hex(g), hb = hex(b); document.bgColor = "#"+hr+hg+hb; } </script>
- ضع الكود التالي بمنطقة الـ <body>
الكود:
<script language="JavaScript">
degrade(0,0,0,255,150,100,255);
</script>
الوصف: خلفية للفيلم المعروف ماتريكس.
طريقة التركيب: ضع الكود بمنطقة الـ <body>
الكود:
ظلل وانسخ الكود
<script language="JavaScript"> //للمزيد من الجافا سكريبت .. نرجو زيارة موقع إقلاع سوفت
http://soft.vip600.com/ if (document.all){ Cols=10; Cl=24; Cs=100; Ts=10; Tc='#FF9933'; Tc1='#FFCC00'; MnS=5; MxS=10; I=Cs; Sp=new Array();S=new Array();Y=new Array(); C=new Array();M=new Array();B=new Array(); RC=new Array();E=new Array();Tcc=new Array(0,1); document.write("<div id='Container' style='position:absolute;top:0;left:-"+Cs+"'>"); document.write("<div style='position:relative'>"); for(i=0; i < Cols; i++){ S[i]=I+=Cs; document.write("<div id='A' style='position:absolute;top:0;font-family:Arial;font-size:" +Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden'></div>"); } document.write("</div></div>"); for(j=0; j < Cols; j++){ RC[j]=1+Math.round(Math.random()*Cl); Y[j]=0; Sp[j]=Math.round(MnS+Math.random()*MxS); for(i=0; i < RC[j]; i++){ B[i]=''; C[i]=Math.round(Math.random()*1)+' '; M[j]=B[0]+=C[i]; } } function Cycle(){ Container.style.top=window.document.body.scrollTop; for (i=0; i < Cols; i++){ var r = Math.floor(Math.random()*Tcc.length); E[i] = '<font color='+Tc1+'>'+Tcc[r]+'</font>'; Y[i]+=Sp[i]; if (Y[i] > window.document.body.clientHeight){ for(i2=0; i2 < Cols; i2++){ RC[i2]=1+Math.round(Math.random()*Cl); for(i3=0; i3 < RC[i2]; i3++){ B[i3]=''; C[i3]=Math.round(Math.random()*1)+' '; C[Math.floor(Math.random()*i2)]=' '+' '; M[i]=B[0]+=C[i3]; Y[i]=-Ts*M[i].length/1.5; A[i].style.visibility='visible'; } Sp[i]=Math.round(MnS+Math.random()*MxS); } } A[i].style.top=Y[i]; A[i].innerHTML=M[i]+' '+E[i]+' '; } setTimeout('Cycle()',20) } Cycle(); } // --> </script>