上一篇: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 代码 >>
相关文章:
- · DHTML工具栏,Web点击更精彩(4)--使用按钮
- · DHTML工具栏,Web点击更精彩(5)
- · DHTML工具栏,Web点击更精彩(6)
- · DHTML工具栏,Web点击更精彩(7)
- · DHTML工具栏,Web点击更精彩(8
- · 让网站链接样式千奇百怪
- · 在IE和NS中调用层的区别
- · 简单实用的网页表格特效
- · CSS比表格更难吗?
- · 为什么要抛弃HTML
- · WEB标准
- · 为什么要建立网站标准
- · 盒模型bug的解决方法
- · 怎么改善现有网站
- · 国外符合web标准的站点
- · XHTML基础问答
- · 初学web标准的几个误区
- · CSS2盒模型的3D示意图
- · web标准的商业价值
- · CSS样式表一席谈之CSS快速入门
- · CSS样式表一席谈之使用CSS定义页面
- · CSS样式表一席谈之绝对定位与相对定位
- · CSS样式表一席谈之利用CSS改变字体
- · 浅谈样式表CSS(1)
- · CSS控制边框
- · CSS列表的标识
- · CSS文字定位
- · CSS控制字体
- · CSS的格式
- · CSS基础
- · CSS高级进阶应用技巧
- · 巧用CSS的无参数滤镜
- · 巧用CSS的无参数滤镜
- · 巧用CSS的RevealTrans滤镜
- · 巧用CSS的BlendTrans滤镜标题
- · 巧用CSS的Wave滤镜
- · 巧用CSS的Glow滤镜
- · 巧用CSS的alpha滤镜
