discobgcolor
Merhaba arkadaşlar, bu dersimizde arkaplana renk geçişleri eketleri özelliği ekleyeceğiz...ÖNİZLEME İÇİN TIKLAYIN
Önizlemede gördüğünüz gibi arkaplanda renk geçişleri vardı... Bu derste sizde bunu sitenizde uygulayabileceksiniz. JavaScript Disco Background efektini sadece bir sayfanızada ekleyebilirsiniz. Üste bu dersimizde kullanılan efekt dıştan bir dosya içermiyor ve kullanıldığı yerde efektini gösteriyor.
Etiket sayfaya eklenirse;
Sadece o sayfada (arkaplan resimini kaybederek) etkisini gösteriyor...Başka sayfaya geçiş yapılırsa göstermiyor etkisini..
Etiket tasarımın üstüne eklenirse;
Her sayfada (arkaplan resimini kaybederek) etkisini gösterir...
Bu efekti aktif etmek için gerekli içerik bölümünün altına eklenecek kod;
<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.body.style.background="#"+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.body.style.background="#"+t[1]+o[1]+t[2]+o[2]+t[3]+o[3]
flag--
}
setTimeout('disco()',50)
}
//-->
</script>Bu kodu içerik bölümünün altına eklediniz ve şimdi efektin görüleceği sayfalara şu etiketi ekliyoruz;
<body onload="disco()">
Resimde gördüğünüz gibi yazıların hemen altına ekliyorum...
FAKAT SİZ BU EFEKTİN TÜM SAYFALARDA ÇALIŞMASINI
İSTİYORSANIZ;
Tasarımın üzerine eklersenizde, tüm sayfalarda etki eder ... Sitenizle iyi eğlenceler. Başka bir derste tekrar görüşmek dileğiyle...
ANA SAYFAYA DÖN
www.javascriptkit.com
UMUT ÖZDEMİR