使你的主页千变万化

发布日期：2023/5/9

不少网友发E－mail问我怎么每次去你的主页看到的图片都不一样难道你时时刻刻都在更换图片吗？天啊我哪有那么多钱支付电话费？我只不过用了JavaScript的小技巧做了个随机图片而已其HTML源代码为

< !随机图片开始 >

< script language=″JavaScript″ >

< !－－

imglink=new Date();

var thisimg=″jpg″;

if(imglinkgetSeconds()< ){var thisimg=″jpg″;}

documentwrite(″< img src=″＋thisimg＋″ border= alt=″每次打开本页看到的图片都不同！″ >″);

//－－ >

< /script >

< !随机图片结束 >

在这个例子中设置了张图片与网页放置于同一目录下当浏览器打开此网页时立即从电脑里读取时间并根据秒数的不同选择不同的图片

我们也常常埋怨在网页里插入的图片与网页背景不能很好地融合在一起如果图片周围有一圈朦胧的过渡色该多好！用Photoshop制作图片当然能实现这个效果其实还有更好的办法在网页中用 CSS 滤镜来实现！

< p style=″line－height:pt;filter:Glow

(Color=＃FFFFFFStrength=);height:auto;position:relative;padding:pt″ >

< img src=″jpg″ border= >

< /p >

其中Color=＃FFFFFF是定义阴影的颜色Strength=是定义阴影宽度怎么样图片是不是有了月朦胧鸟朦胧的感觉？

如果你不喜欢温馨浪漫的主页类型这里还有一款魔幻豪放派的——

在< head >< /head >中加入以下内容

< !开始定义变色函数 >

< script language=″JavaScript″ >

< !－－hide

function RandomNumber(max) //定义随机函数

{var today=new Date();

var num=Mathround((Mathabs(Mathsin(todaygetTime()))＊))％max＋;return num;}

function makearray(n)

{thislength=;for(var i=;i< n;i＋＋)this[i]=;return this;}function changecolor()

{clearTimeout();

linkarray=new makearray(); //用linkarray数组定义十种常用颜色

linkarray[]=″＃ff″;

linkarray[]=″＃ffff″;

linkarray[]=″＃ff″;

linkarray[]=″＃ffff″;

linkarray[]=″＃″;

linkarray[]=″＃ff″;

documentbgColor=(linkarray[RandomNumber()]); //利用随机函数从十种颜色中任选一种作为网页背景色

setTimeout(″changecolor()″); //设置时钟让背景色每秒变换一次

return;}

//－－ >

< /script >

< !定义变色函数结束 >

然后在中调用changecolor()函数即可< body OnLoad=″javascript:changecolor()″ >

网页背景颜色每秒钟变换一次够酷吧？

如果把documentbgColor=(linkarray[RandomNumber()]);一句中的bgColor换成fgColor也能实现网页文字不断地变色此外你也可以自己定义变色的时间周期改变setTimeout(″changecolor()″);中的即可