ARKA PLAN JAVASCRİPT 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İ :

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>

Pages

Top Menu

Kategoriler

ARKA PLAN JAVASCRİPT KODLARI

0 yorum

Yorum Gönder

Popüler Yayınlar