主页随机动态效果
类别: JavaScript教程
主页随机动态效果
不少网友发E-mail问我:“怎么每次去你的主页,看到的图片都不一样,难道你时时刻刻都在更换图片吗?”天啊,我哪有那么多钱支付电话费?我只不过用了JavaScript的小技巧做了个“随机图片”而已。其HTML源代码为:
在这个例子中,设置了8张图片,与网页放置于同一目录下。当浏览器打开此网页时,立即从电脑里读取时间,并根据秒数的不同选择不同的图片。
我们也常常埋怨在网页里插入的图片与网页背景不能很好地融合在一起,如果图片周围有一圈朦胧的过渡色该多好!用Photoshop制作图片当然能实现这个效果。其实还有更好的办法:在网页中用 CSS 滤镜来实现!
(Color=#FFFFFF,Strength=36);height:auto;position:relative;padding:21pt″>
其中,“Color=#FFFFFF”是定义阴影的颜色,“Strength=36”是定义阴影宽度。怎么样,图片是不是有了“月朦胧,鸟朦胧”的感觉?
如果你不喜欢“温馨浪漫”的主页类型,这里还有一款“魔幻豪放”派的――
在中加入以下内容:
然后在中调用changecolor()函数即可:
网页背景颜色每秒钟变换一次,够酷吧?
如果把“document.bgColor=(linkarray[RandomNumber(10)]);”一句中的“bgColor”换成“fgColor”,也能实现网页文字不断地变色。此外,你也可以自己定义变色的时间周期,改变“setTimeout(″changecolor()″,1000);”中的“1000”即可。
(转自cpcw)
- 上一篇: 编写 JavaScript 代码
- 下一篇: JavaScript时间显示三大心法
-= 资 源 教 程 =-
文 章 搜 索