网页添彩之“动态公告栏”
网络与通信
缤纷多彩的网页,谁见了都会喜欢,如果在制作主页过程中多利用一些小技巧,便能取得意想不到的效果,下面我们将为大家介绍几种当前网页比较流行、实用的经典技巧“动态公告栏”的制作。动态公告栏在许多大型商业网站中都得到广泛应用。其效果醒目又节约空间。动态公告栏的制作其实不难,基本上是利用JavaScript语言编写的,只要你有一点编程知识,参照下面的方法,你也能制作出精美的动态公告栏。
一、滚动公告栏
1.特点:
1)向上或向下滚动。
2)可链接其他网页。
3)公告栏的大小、滚动快慢可以控制。
4)随时修改公告栏的内容。
2.使用方法:
将下面的JavaScript程序放入主页中
之间,或者放入表格中,限定其位置即可使用。3.注意事项:
1)修改内容只需直接修改程序中的文字即可。
2)增加内容时,必须相应增加link的值。如想公告栏中有10条内容。相应将程序中的“Array(5)”全部改为“Array(10)”,其他依此类推。且link()也相应增加,由link(0)到link(9)。
3)每条内容链接网页中需修改相应的“http://……”其他不变。
4)公告栏的大小和滚动方向和速度的控制要修改程序中“width、height、direction、scrolldelay”的值,大小请读者自己把握。
4.JavaScript程序:
二、滑动公告栏
1.特点:
1)向上或向下滑动。
2)鼠标移动到公告栏时,停止滑动。
3)随时修改公告栏的内容
2.使用方法:
将下面的JavaScript程序放入主页中
之间,或者放入表格中,限定其位置即可使用。3.注意事项:
1)修改内容只需直接修改程序中的文字即可。
2)增加内容时,必须相应增加text的值。如想公告栏中有10条内容。应将程序中的“Array(5)”改为“Array(10)”,其他依此类推。且text()也相应增加,由text(0)到text(9)。
3)文字颜色的选择要修改“color”的值。
4)公告栏的大小和滚动方向和速度的控制要修改程序中“width、height、direction、scrolldelay”的值,大小请读者自己把握。