site-bilgi.com: 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>

Sayfalar

29 Eylül 2013 Pazar

ARKA PLAN JAVASCRİPT KODLARI

Hiç yorum yok:

Yorum Gönder

umaraım iyi vakit geçirirsiniz.