<|ÜcretsizKod|Html|Css|Javascript|Flash|Kodları|>

Javascript Arka Plan Kodlari

HAVAİ FİŞEK EFEKTİ :

<body bgcolor="#000000"> <script language="JavaScript">  </script>

KAR YAĞDIRMA EFEKTİ :

<body bgcolor=#000000 onLoad="snow()"> <script language="JavaScript"> N = 40; Y = new Array(); X = new Array(); S = new Array(); A = new Array(); B = new Array(); M = new Array(); V = (document.layers)?1:0; iH=(document.layers)?window.innerHeight:window.document.body.clientHeight; iW=(document.layers)?window.innerWidth:window.document.body.clientWidth; for (i=0; i < N; i++){ Y[i]=Math.round(Math.random()*iH); X[i]=Math.round(Math.random()*iW); S[i]=Math.round(Math.random()*5+2); A[i]=0; B[i]=Math.random()*0.1+0.1; M[i]=Math.round(Math.random()*1+1); } if (V){ for (i = 0; i < N; i++) {document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"'></LAYER>")} } else{ document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < N; i++) {document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';background:#fffff0;font-size:'+M[i]+'"></div>')} document.write('</div></div>'); } function snow(){ var H=(document.layers)?window.innerHeight:window.document.body.clientHeight; var W=(document.layers)?window.innerWidth:window.document.body.clientWidth; var T=(document.layers)?window.pageYOffset:document.body.scrollTop; var L=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < N; i++){ sy=S[i]*Math.sin(90*Math.PI/180); sx=S[i]*Math.cos(A[i]); Y[i]+=sy; X[i]+=sx; if (Y[i] > H){ Y[i]=-10; X[i]=Math.round(Math.random()*W); M[i]=Math.round(Math.random()*1+1); S[i]=Math.round(Math.random()*5+2); } if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T} else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T} A[i]+=B[i]; } setTimeout('snow()',10); } </script>

HER GİRİŞTE DEĞİŞİK ARKA PLAN RENGİ :

<script> /*Random background color- by javascriptkit.com*/ //Enter list of bgcolors: / arkaplan renklerini buradan değiştireceksiniz var bgcolorlist=new Array("#DFDFFF", "#FFFFBF", "#80FF80", "#EAEAFF", "#C9FFA8", "#F7F7F7", "#FFFFFF", "#DDDD00") document.bgColor=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] </script>

SÜREKLİ RENGİ DEĞİŞEN ARKA PLAN :

<head> <script language="JavaScript"> r=235; g=226; b=211; 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> <body onload="disco()"> </body>

KIRMIZI BOYA SAÇAN ARKA PLAN :

<script type="text/javascript"> // <![CDATA[ var speed=33; // lower number for faster var warp=3; // from 1 to 10 var stars=100; // number of stars var colour="#FF0000"; // colour of stars var position=0; // set to '-1' for stars to appear behind text on page /**************************** * Star Warp Effect * * (c) 2005 mf2fm web-design * * http://www.mf2fm.com/rv * * DON'T EDIT BELOW THIS BOX * ****************************/ var i; var strs=new Array(); var strx=new Array(); var stry=new Array(); var stdx=new Array(); var stdy=new Array(); var swide=800; var shigh=600; warp/=100; window.onload=function() { if (document.getElementById) { var b, s, temp; set_width(); b=document.createElement("div"); s=b.style; s.position="absolute"; b.setAttribute("id", "bod"); document.body.appendChild(b); set_scroll(); for (i=0; i<stars; i++) { strs[i]=document.createElement("div"); strs[i].style.backgroundColor=colour; strs[i].style.overflow="hidden"; strs[i].style.position="absolute"; strs[i].style.zIndex=position; stdy[i]=Math.random()*4-2; stdx[i]=Math.random()*6-3; temp=Math.random()*100; strx[i]=swide/2+temp*stdx[i]; stry[i]=shigh/2+temp*stdy[i]; if (Math.abs(stdx[i])+Math.abs(stdy[i])>2.66) { strs[i].style.width="2px"; strs[i].style.height="2px"; } else { strs[i].style.width="1px"; strs[i].style.height="1px"; } b.appendChild(strs[i]); } setInterval("warp_drive()", speed); }} function warp_drive() { for (i=0; i<stars; i++) { stry[i]+=stdy[i]; strx[i]+=stdx[i]; stdx[i]*=1+warp; stdy[i]*=1+warp; if (stry[i]>0 && stry[i]<shigh-3 && strx[i]>0 && strx[i]<swide-3) { strs[i].style.left=Math.floor(strx[i])+"px"; strs[i].style.top=Math.floor(stry[i])+"px" } else { strx[i]=swide/2; stry[i]=shigh/2; stry[i]+=stdy[i]=Math.random()*4-2; strx[i]+=stdx[i]=Math.random()*6-3; if (Math.abs(stdx[i])+Math.abs(stdy[i])>2.66) { strs[i].style.width="2px"; strs[i].style.height="2px"; } else { strs[i].style.width="1px"; strs[i].style.height="1px"; } } } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } swide-=2; shigh-=2; } window.onscroll=set_scroll; function set_scroll() { var sleft, sdown; if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } var s=document.getElementById("bod").style; s.top=sdown+"px"; s.left=sleft+"px"; } // ]]> </script>

YAPRAK DÖKÜMÜ ARKA PLANI :

<body bgcolor="#66ffcc" onLoad="fall()"> <script language="JavaScript">  </script>

UZAY ARKA PLAN EFEKTİ :

<body bgcolor=#000000 onLoad="fly()"> <script language="JavaScript"> SmallStars = 30; LargeStars = 10; SmallYpos = new Array(); SmallXpos = new Array(); LargeYpos = new Array(); LargeXpos = new Array(); Smallspeed= new Array(); Largespeed= new Array(); ns=(document.layers)?1:0; if (ns){ for (i = 0; i < SmallStars; i++) {document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>")} for (i = 0; i < LargeStars; i++) {document.write("<LAYER NAME='ln"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFFF' CLIP='0,0,2,2'></LAYER>")} } else{ document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < SmallStars; i++) {document.write('<div id="si" style="position:absolute;top:0;left:0;width:1px;height:1px;background:#fffff0;font-size:1px"></div>')} document.write('</div>'); document.write('</div>'); document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < LargeStars; i++) {document.write('<div id="li" style="position:absolute;top:0;left:0;width:2px;height:2px;background:#ffffff;font-size:2px"></div>')} document.write('</div>'); document.write('</div>'); } WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; //Inital placement! for (i=0; i < SmallStars; i++) { SmallYpos[i] = Math.round(Math.random()*WinHeight); SmallXpos[i] = Math.round(Math.random()*WinWidth); Smallspeed[i]= Math.random()*5+1; } for (i=0; i < LargeStars; i++) { LargeYpos[i] = Math.round(Math.random()*WinHeight); LargeXpos[i] = Math.round(Math.random()*WinWidth); Largespeed[i]= Math.random()*10+5; } function fly(){ var WinHeight=(document.layers)?window.innerHeight:window.document.body.clientHeight; var WinWidth=(document.layers)?window.innerWidth:window.document.body.clientWidth; var hscrll=(document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll=(document.layers)?window.pageXOffset:document.body.scrollLeft; for (i=0; i < LargeStars; i++) { LargeXpos[i]-=Largespeed[i]; if (LargeXpos[i] < -10) { LargeXpos[i]=WinWidth; LargeYpos[i]=Math.round(Math.random()*WinHeight); Largespeed[i]=Math.random()*10+5; } if (ns){ document.layers['ln'+i].left=LargeXpos[i]; document.layers['ln'+i].top=LargeYpos[i]+hscrll; } else{ li[i].style.pixelLeft=LargeXpos[i]; li[i].style.pixelTop=LargeYpos[i]+hscrll; } } for (i=0; i < SmallStars; i++) { SmallXpos[i]-=Smallspeed[i]; if (SmallXpos[i] < -10) { SmallXpos[i]=WinWidth; SmallYpos[i]=Math.round(Math.random()*WinHeight); Smallspeed[i]=Math.random()*5+1; } if (ns){ document.layers['sn'+i].left=SmallXpos[i]; document.layers['sn'+i].top=SmallYpos[i]+hscrll; } else{ si[i].style.pixelLeft=SmallXpos[i]; si[i].style.pixelTop=SmallYpos[i]+hscrll; } } setTimeout('fly()',10); } //--> </script>

DİKKAT:KODLARI TEST SAYFASINDAN DENEYİP GÖREBİLİRSİNİZ.BAZI SİTELERİN ALTYAPILARINDAN DOLAYI KODLAR ÇALIŞMAYABİLİR.

TEST SAYFASINI AÇMAK İÇİN TIKLA