• 丰搜首页
• 文档中心
• 视频中心
• 丰搜贴吧
• 问题集锦
• 更多功能

选择显示字体大小

• 最大
• 较大
• 标准

用javascript实现变色背景和文字(1)

用javascript实现变色背景和文字

　　制作变色背景和文字的javascript代码有很多种，不过大多数背景颜色变化时有跳跃感，不够柔和。本例的效果特别酷！

请看效果：

背景请用bgcolor参数，前景文字请用fgcolor参数。

全部代码如下：

1、背景：

< html >
< head >
< title >bgcolor< /title >
< meta http-equiv="content-type" content="text/html; charset=gb2312" >
< script language="javascript" >
< !--
//you can assign the initial color of the background here
r=255;
g=50;
b=50;
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/3c==0)&&c< 255)
{
c++
d[a]=2;
}
else
{
if ((math.random()< =1/2c==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()',20)
}
//-- >
< /script >
< /head >

< body onload="disco()" bgcolor="#ffffff" text="#000000" >
< /body >
< /html >