妙趣横生的网页制作小魔术

黄向东
1997-01-01

　　现在的网页，似乎不加点ＪＡＶＡ的东西就很不上“感觉”。所以，本人到处去挖了一些免费的ＪＡＶＡ　Ａｐｐｌｅｔｓ，并且仔细阅读了英文说明，研究它们的具体用法，现在告诉你几个有趣的小魔术，希望你会喜欢。
#2　　变化按钮
　　注意：如果你用的是ＩＥ３．０的浏览器，那么很抱歉，你将看不到任何变化，也不会知道程序是怎样执行的，所以请使用Ｎｅｔｓｃａｐｅ　３．０以上版本的浏览器观看。这是本人最喜欢在网页上搞的花样之一！
　　先准备好你想要变化的图案，并将这些图片放到和网页程序相同的目录里。
　　在本例中原来的图片是ｂ１．ｇｉｆ、ｂ２．ｇｉｆ，按下后显示的图片是ｂｈ１．ｇｉｆ、ｂｈ２．ｇｉｆ。将以下标签安插到你的网页之间：
　　＜ＳＣＲＩＰＴ　ＬＡＮＧＵＡＧＥ＝＂ＪＡＶＡＳＣＲＩＰＴ＂＞
　　＜！──
　　ｖａｒ　ｉｍｇ＿ｉｔｅｍ１，ｉｍｇ＿ｉｔｅｍ２；
　　ｖａｒ　ｉｍｇ＿ｈｉｔｅｍ１，ｉｍｇ＿ｈｉｔｅｍ２；
　　ｖａｒ　ｉｍｇ＿ｉｔｅｍ；
　　ｖａｒ　ｉｍｇ＿ｔｅｘｔ１，ｉｍｇ＿ｔｅｘｔ２；
　　ｖａｒ　ｄｌ＿ｏｋ
　　ｖａｒ　ａｐ＿ｎａｍｅ＝ｎａｖｉｇａｔｏｒ．ａｐｐＮａｍｅ；
　　ｖａｒ　ａｐ＿ｖｉｎｆｏ＝ｎａｖｉｇａｔｏｒ．ａｐｐＶｅｒｓｉｏｎ；
　　ｖａｒ　ａｐ＿ｖｅｒ＝ｐａｒｓｅＦｌｏａｔ（ａｐ＿ｖｉｎｆｏ．ｓｕｂｓｔｒｉｎｇ（０，ａｐ＿ｖｉｎｆｏ．ｉｎｄｅｘｏｆ（（）））；
　　ｆｕｎｃｔｉｏｎ　ｉｎｉｔ（）
　　｛
　　ｉｆ（ａｐ＿ｎａｍｅ＝＝＂Ｎｅｔｓｃａｐｅ＂　＆＆
　　ａｐ＿ｖｅｒ＞＝３．０）
　　｛
　　ｉｍｇ＿ｉｔｅｍ１＝ｎｅｗ　Ｉｍａｇｅ（）；
　　ｉｍｇ＿ｉｔｅｍ１．ｓｒｃ＝＂ｂ１．ｇｉｆ＂；
　　ｉｍｇ＿ｉｔｅｍ２＝ｎｅｗ　Ｉｍａｇｅ（）；
　　ｉｍｇ＿ｉｔｅｍ２．ｓｒｃ＝＂ｂ２．ｇｉｆ＂；
　　ｉｍｇ＿ｈｉｔｅｍ１＝ｎｅｗ　Ｉｍａｇｅ（）；
　　ｉｍｇ＿ｈｉｔｅｍ１．ｓｒｃ＝＂ｂｈ１．ｇｉｆ＂；
　　ｉｍｇ＿ｈｉｔｅｍ２＝ｎｅｗ　Ｉｍａｇｅ（）；
　　ｉｍｇ＿ｈｉｔｅｍ２．ｓｒｃ＝＂ｂｈ２．ｇｉｆ＂；
　　｝
　　ｄｌ＿ｏｋ＝ｔｒｕｅ；
　　ｒｅｔｕｒｎ　ｔｒｕｅ；｝
　　ｆｕｎｃｔｉｏｎ　ｒｅｔｕｒｎ＿ｉｍａｇｅ（ｐｒｅ）
　　｛
　　ｉｆ（ｐｒｅ！＝ｎｕｌｌ）
　　｛
　　ｅｖａｌ（＂ｄｏｃｕｍｅｎｔ．ｉｍｇｅ＿ｂ＂＋ｐｒｅ＋＂．ｓｒｃ＝ｉｍｇ＿ｉｔｅｍ＂＋ｐｒｅ＋＂．ｓｒｃ；＂）；
　　ｒｅｔｕｒｎ　ｔｒｕｅ；｝　　｝
　　ｆｕｎｃｔｉｏｎ　ｉｍａｇｅ＿ｓｗｉｔｃｈ（ｓｅｌｅｃｔｉｏｎ，ｍｓｇ）∥ｓｈｏｗ　ｔｈｅ　ｅｆｆｅｃｔ　ｏｆ　ｉｍａｇｅ　ｓｗｉｔｃｈ　ｆｏｒ　ｍｅｎｕ　ｏｒ　ｔｏｏｌｂａｒ
　　｛
　　ｉｆ（ａｐ＿ｎａｍｅ＝＝＂Ｎｅｔｓｃａｐｅ＂＆＆ａｐ＿ｖｅｒ＞＝３．０＆＆ｄｌ＿ｏｋ）
　　｛
　　∥ｅｖａｌ（＂ｄｏｃｕｍｅｎｔ．ｉｍｇｅ＿ｍｓｇ．ｓｒｃ＝ｉｍｇ＿ｔｅｘｔ＂＋ｓｅｌｅｃｔｉｏｎ＋＂．ｓｒｃ；＂）；
　　ｒｅｔｕｒｎ＿ｉｍａｇｅ（ｉｍｇ＿ｉｔｅｍ）；
　　ｅｖａｌ（＂ｉｍｇ＿ｉｔｅｍ＝＂＋ｓｅｌｅｃｔｉｏｎ＋＂；＂）；
　　ｅｖａｌ（＂ｄｏｃｕｍｅｎｔ．ｉｍｇｅ＿ｂ＂＋ｓｅｌｅｃｔｉｏｎ＋＂．ｓｒｃ＝ｉｍｇ＿ｈｉｔｅｍ＂＋ｓｅｌｅｃｔｉｏｎ＋＂．ｓｒｃ；＂）；
　　｝
　　ｗｉｎｄｏｗ．ｓｔａｔｕｓ＝ｍｓｇ；
　　ｒｅｔｕｒｎ　ｔｒｕｅ；｝
　　∥──＞
　　＜／ＳＣＲＩＰＴ＞
　　把ｂ１．ｇｉｆ、ｂ２．ｇｉｆ和ｂｈ１．ｇｉｆ、ｂｈ２．ｇｉｆ换成你的图片即可。
#2　　变色字
　　下面介绍的第一个ＪＡＶＡ　Ａｐｐｌｅｔｓ看起来很花俏，那些字不时会变变颜色及位置，还算有趣啦！
#3　　【蹦蹦跳跳的变色字】
　　１．下载ＪｉｔｔｅｒＴｅｘｔ．ｚｉｐ（４Ｋ），下载完后将文件解压缩，将ＪｉｔｔｅｒＴｅｘｔ．ｃｌａｓｓ这个文件复制到你存放网页的目录下。
　　２．在你的网页间加入以下语句即可：
　　＜ａｐｐｌｅｔ　ｃｏｄｅ＝＂ＪｉｔｔｅｒＴｅｘｔ．ｃｌａｓｓ＂　ｗｉｄｔｈ＝３５０　ｈｅｉｇｈｔ＝４０＞
　　＜ｐａｒａｍ　ｎａｍｅ＝ＢＧＣＯＬＯＲ　ｖａｌｕｅ＝＂００００００＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝ＴＥＸＴＣＯＬＯＲ　ｖａｌｕｅ＝＂ＦＦ００００＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝ＴＥＸＴ　ｖａｌｕｅ＝＂欢迎光临滴水小筑首页制作屋！＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝ＳＰＥＥＤ　ｖａｌｕｅ＝２５０＞
　　＜ｐａｒａｍ　ｎａｍｅ＝ＲＡＮＤＯＭＣＯＬＯＲ　ｖａｌｕｅ＝１＞
　　＜／ａｐｐｌｅｔ＞
　　“欢迎光临．．！”这一句可以自己修改！不过要注意：宽度不够的时候，请把ｗｉｄｔｈ的值再加大！对了！那个数字如果比较小，字体会自动变大，反之则变小。
　　接下来介绍的这个ＪＡＶＡ　Ａｐｐｌｅｔｓ就比较漂亮，不过，执行速度好像比较慢，玩玩看看吧！
#3　　　【流动变色字】
　　＜ａｐｐｌｅｔ　ｃｏｄｅ＝＂ｆｘＴｅｘｔ．ｃｌａｓｓ＂　ｗｉｄｔｈ＝２８３　ｈｅｉｇｈｔ＝６８＞
　　＜ｐａｒａｍ　ｎａｍｅ＝ＢＡＣＫＧＲＯＵＮＤ　ｖａｌｕｅ＝＂ａｐｐｌｅｔｓｂｇ．ｇｉｆ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝ＦＯＲＥＧＲＯＵＮＤ　ｖａｌｕｅ＝＂ａｐｐｌｅｔｓ．ｇｉｆ＂＞
　　＜／ａｐｐｌｅｔ＞
　　　它的原理实在是很简单，准备两张图，一张在上面而且必须要有一部份是透明的，另外一张在下面，当作底色，然后，底下那一张不断地动，透过透明的部份，看起来就很漂亮了！本程序中第一个图ａｐｐｌｅｔｓｂｇ．ｇｉｆ是底图，第二个图ａｐｐｌｅｔｓ．ｇｉｆ才是上面的图。
#3　　【水中倒影】
　　下载【水中倒影】ＪＡＶＡ小程序并解开ｌａｋｅ．ｚｉｐ后，你会发现有三个文件：
　　Ｌａｋｅ．ｃｌａｓｓ：ＪＡＶＡ程序原始文件
　　ｌａｃｋ．ｈｔｍ：范例文件
　　ｄｅｍｏ．ｊｐｇ：范例图片
　　将Ｌａｋｅ．ｃｌａｓｓ复制到你网页的目录中，然后在你的网页中加入这一段：
　　＜ａｐｐｌｅｔ　ｃｏｄｅ＝＂Ｌａｋｅ．ｃｌａｓｓ＂　ａｌｉｇｎ＝＂ｌｅｆｔ＂　ｗｉｄｔｈ＝＂２００＂　ｈｅｉｇｈｔ＝＂９０＂　ｉｄ＝＂Ｌａｋｅ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｉｍａｇｅ＂　ｖａｌｕｅ＝＂ｌａｋｅ．ｇｉｆ＂＞
　　＜／ａｐｐｌｅｔ＞
　　其中ｗｉｄｔｈ＝＂２００＂　ｈｅｉｇｈｔ＝＂９０＂要根据图片的大小做调整，本例的图片为２００×５０，故ｗｉｄｔｈ＝＂２００＂，但要注意的是，高度最好比图片本身高度的两倍少一点，比如本例中图片的高度原有５０，但却只设成ｈｅｉｇｈｔ＝＂９０＂，这是为了避免在最底下会有一小列灰色的底色不断的出现，看不懂吧！试试看将ｈｅｉｇｈｔ设成＂１００＂就知道是怎么回事了。至于图片名称可以自行更改，图形格式ＪＰＧ及ＧＩＦ都可以。
#2　　随机提示
　　玩过Ｌｉｎｕｘ的人一定知道，每次进操作系统，它都会出现不同的小小的一段话，这样的功能是否总让人惊奇呢！现在，我们也能把这玩意儿搬上网页了！发挥你的想像力，将这功能发挥到极致吧！
　　＜ＳＣＲＩＰＴ　Ｌａｎｇｕａｇｅ＝＂ＪａｖａＳｃｒｉｐｔ＂＞
　　ｔｉｐｓ＝ｎｅｗ　Ａｒｒａｙ（６）；
　　ｔｉｐｓ［０］＝＂这是个随机的提示，再按一次Ｒｅｌｏａｄ看看！＂；
　　ｔｉｐｓ［１］＝＂每次按Ｒｅｌｏａｄ都会有不一样的结果出现喔！＂；
　　ｔｉｐｓ［２］＝＂随机提示是不是很简单呢？＂；
　　ｔｉｐｓ［３］＝＂赶快把这个随机提示的原始文件ＣＯＰＹ回去吧！＂；
　　ｔｉｐｓ［４］＝＂这是个很实用的东西喔！发挥您的创意吧！＂；
　　ｔｉｐｓ［５］＝＂赶快把他安装到您的网页里去吧！＂；
　　ｉｎｄｅｘ＝Ｍａｔｈ．ｆｌｏｏｒ（Ｍａｔｈ．ｒａｎｄｏｍ（）＊ｔｉｐｓ．ｌｅｎｇｔｈ）；
　　ｄｏｃｕｍｅｎｔ．ｗｒｉｔｅ（＂＜ＣＥＮＴＥＲ＞＂＋ｔｉｐｓ［ｉｎｄｅｘ］＋＂＜／ＣＥＮＴＥＲ＞＜Ｐ＞＂）；
　　＜／ＳＣＲＩＰＴ＞
　　其中Ａｒｒａｙ的元素数要和你所设置的ｔｉｐｓ数相同，本例共设了６个ｔｉｐｓ，故为Ａｒｒａｙ（６）。
#2　　时间和日期
　　下面是一些锦上添花的功夫了，有些网页会自动显示日期或是时钟，蛮新奇的。
#3　　【小时钟部份】
　　加入下行即可，其中ｄｄ＝１２，除了１２以外还有１３到１６四种字型！
　　＜ｉｍｇ　ｓｒｃ＝＂ｈｔｔｐ：∥ｃｏｕｎｔｅｒ．ｎｓｙｓｕ．ｅｄｕ．ｔｗ／Ｃｏｕｎｔ．ｃｇｉ？
　　ｄｉｓｐｌａｙ＝ｃｌｏｃｋ＆ｄｄ＝１２＂＞＜／ｉｍｇ＞
　　实际上你会发现，上面这个方法所得到只是进站那瞬间的时刻，并非像真的时钟一样。那有没有办法让它一分一秒的动呢？当然有！
　　第一种方法是：一字不动的加入框内指令！
　　＜ＡＰＰＬＥＴ　ＷＩＤＴＨ＝８０　ＨＥＩＧＨＴ＝２０　ＣＯＤＥＢＡＳＥ＝＂ｈｔｔｐ：∥ｗｗｗ１．ｃｈｐｉ．ｅｄｕ．ｔｗ／Ａｐｐｌｅｔ／＂
　　ＣＯＤＥ＝＂ＤｉｇｉｔａｌＣｌｏｃｋ．ｃｌａｓｓ＂＞
　　＜ＰＡＲＡＭ　ＮＡＭＥ＝ｂａｒｓｉｚｅ　ＶＡＬＵＥ＝＂６＂＞
　　＜ＰＡＲＡＭ　ＮＡＭＥ＝ｂａｒｗｉｄｔｈ　ＶＡＬＵＥ＝＂２＂＞
　　＜ＰＡＲＡＭ　ＮＡＭＥ＝ｂａｒｓｐａｃｅ　ＶＡＬＵＥ＝＂１＂＞
　　＜ＰＡＲＡＭ　ＮＡＭＥ＝ｂｕｌｌｅｔｓｉｚｅ　ＶＡＬＵＥ＝＂３＂＞
　　＜ＰＡＲＡＭ　ＮＡＭＥ＝ｂｅｔｗｅｅｎ　ＶＡＬＵＥ＝＂３＂＞
　　＜ＰＡＲＡＭ　ＮＡＭＥ＝ｂｏｒｄｅｒｓｉｚｅ　ＶＡＬＵＥ＝＂１＂＞
　　＜ＰＡＲＡＭ　ＮＡＭＥ＝ｔｅｘｔ　ＶＡＬＵＥ＝＂００ＦＦＦＦ＂＞
　　＜ＰＡＲＡＭ　ＮＡＭＥ＝ｂｇｃｏｌｏｒ　ＶＡＬＵＥ＝＂００００００＂＞
　　＜ＰＡＲＡＭ　ＮＡＭＥ＝ｂｏｒｄｅｒｃｏｌｏｒ　ＶＡＬＵＥ＝＂００００００＂＞
　　＜／ＡＰＰＬＥＴ＞
　　然后你就会看到一个时钟了！
　　第二个方法比较好一点！先抓回ｊｃｌｏｃｋ．ｚｉｐ（３Ｋ），解开（ｊｃｌｏｃｋ．ｚｉｐ）后，在目录下会有下列的文件与子目录：
　　Ｄｇｃｌｃｏｋ．ｃｌａｓｓ──这是Ｊａｖａ　ｓｏｕｒｃｅ　ｃｏｍｐｉｌｅ后的ｂｙｔｅ　ｃｏｄｅ。
　　／ｊｉｍａｇｅｓ／──存放此Ｊａｖａ　Ｃｌｏｃｋ相关图形文件的子目录！
　　加入下面三行即可！
　　＜ａｐｐｌｅｔ　ｃｏｄｅ＝＂Ｄｇｃｌｏｃｋ．ｃｌａｓｓ＂　ｗｉｄｔｈ＝１００　ｈｅｉｇｈｔ＝３０＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ＳｈｏｗＤａｔｅ＂　ｖａｌｕｅ＝＂ｙｅｓ＂＞
　　＜／ａｐｐｌｅｔ＞
#3　　【日期部份】
　　加入下行即可，其中ｄｄ＝１２，除了１２以外还有１３到１６四种字型！
　　＜ｉｍｇ　ｓｒｃ＝＂ｈｔｔｐ：∥ｃｏｕｎｔｅｒ．ｎｓｙｓｕ．ｅｄｕ．ｔｗ／Ｃｏｕｎｔ．ｃｇｉ？　ｄｉｓｐｌａｙ＝ｄａｔｅ＆ｄｄ＝１２＞＜／ｉｍｇ＞
　　今天日期：＜图片＞
　　进站时间：＜图片＞
　　上述所有ＪＡＶＡ小程序均可由如下网址下载：
　　ｈｔｔｐ：∥ｍｅｍｂｅｒｓ．ｔｒｉｐｏｄ．ｃｏｍ／～　　ｈｕａｎｇｘｄ／
　　ｈｔｔｐ：∥ｗｗｗ．ｔａｃｏｎｅｔ．ｃｏｍ．ｔｗ／～　　ｈｕａｎｇｘｄ／
#2　　【看板一】
　　不知道你有没有注意到，在有些网页的最下方，常常会看见一排字＂咕噜咕噜＂地冒出来，知道那是怎么做的吗？把下列这些东西加进去就可以了！
　　＜ＳＣＲＩＰＴ　ＬＡＮＧＵＡＧＥ＝＂ＪａｖａＳｃｒｉｐｔ＂＞
　　＜！－－ｆｕｎｃｔｉｏｎ　ｓｃｒｏｌｌ（ｓｅｅｄ）
　　｛ｖａｒ　ｍ１＝＂欢迎光临＂
　　　ｖａｒ　ｍ２＝＂请使用Ｎｅｔｓｃａｐｅ　３．０或ＩＥ　３．０，谢谢！＂
　　　ｖａｒ　ｍｓｇ＝ｍ１＋ｍ２；
　　　ｖａｒ　ｏｕｔ＝＂　　　＂；
　　　ｖａｒ　ｃ＝１；
　　　ｉｆ（ｓｅｅｄ＞１００）　｛
　　　ｓｅｅｄ－－；
　　　ｖａｒ　ｃｍｄ＝＂ｓｃｒｏｌｌ（＂＋　ｓｅｅｄ＋＂）＂；
　　　ｔｉｍｅｒＴｗｏ＝ｗｉｎｄｏｗ．ｓｅｔＴｉｍｅｏｕｔ（ｃｍｄ，１００）；｝
　　　ｅｌｓｅ　ｉｆ（ｓｅｅｄ＜＝１００　＆＆　ｓｅｅｄ＞０）　｛
　　　ｆｏｒ（ｃ＝０；ｃ＜ｓｅｅｄ；ｃ＋＋）　｛
　　　ｏｕｔ＋＝＂　　　＂；
　　　｝
　　　ｏｕｔ＋＝ｍｓｇ；
　　　ｓｅｅｄ－－；
　　　ｖａｒ　ｃｍｄ＝＂ｓｃｒｏｌｌ（＂＋　ｓｅｅｄ＋＂）＂；
　　　ｗｉｎｄｏｗ．ｓｔａｔｕｓ＝ｏｕｔ；
　　　ｔｉｍｅｒＴｗｏ＝ｗｉｎｄｏｗ．ｓｅｔＴｉｍｅｏｕｔ（ｃｍｄ，１００）；
　　　｝
　　　ｅｌｓｅ　ｉｆ（ｓｅｅｄ＜＝０）　｛
　　　ｉｆ（－ｓｅｅｄ＜ｍｓｇ．ｌｅｎｇｔｈ）　｛
　　　ｏｕｔ＋＝ｍｓｇ．ｓｕｂｓｔｒｉｎｇ（－ｓｅｅｄ，ｍｓｇ．ｌｅｎｇｔｈ）；
　　　ｓｅｅｄ－－；
　　　ｖａｒ　ｃｍｄ＝＂ｓｃｒｏｌｌ（＂＋　ｓｅｅｄ＋＂）＂；
　　　ｗｉｎｄｏｗ．ｓｔａｔｕｓ＝ｏｕｔ；
　　　ｔｉｍｅｒＴｗｏ＝ｗｉｎｄｏｗ．ｓｅｔＴｉｍｅｏｕｔ（ｃｍｄ，１００）；｝
　　　　ｅｌｓｅ　｛
　　　ｗｉｎｄｏｗ．ｓｔａｔｕｓ＝＂　　　＂；
　　　ｔｉｍｅｒＴｗｏ＝ｗｉｎｄｏｗ．ｓｅｔＴｉｍｅｏｕｔ（＂ｓｃｒｏｌｌ（１００）＂，７）；
　　　｝｝｝
　　ｔｉｍｅｒＯＮＥ＝ｗｉｎｄｏｗ．ｓｅｔＴｉｍｅｏｕｔ（ｓｃｒｏｌｌ（１００），５０）；
　　／／－－＞
　　＜／ＳＣＲＩＰＴ＞
　　变量ｍ１、ｍ２中的内容可依自己的喜好填入。
#2　　【看板二】
　　跑马灯的花样很多，但是通常没有办法改变底色或是字体的颜色，在设定的时候，也须大费周章，还不见得在每个浏览器下都能正常运作，实在很不方便！现在，救星终于出现了！这个Ｊａｖａ的看板，不但设定简单容易上手，而且功能强大，不用再担心能否在不同浏览器下运作的问题了！
　　１．下载ｔｉｃｋｅｒ．ｚｉｐ（４Ｋ），下载完后将文件解压缩，将　ｔｉｃｋｅｒ．ｃｌａｓｓ这个文件复制　　到你网页的目录底下。
　　２．在你的网页中加入下面这一段就大功告成了：
　　　＜ａｐｐｌｅｔ　ｃｏｄｅ＝＂ｔｉｃｋｅｒ．ｃｌａｓｓ＂ｗｉｄｔｈ＝４５１　ｈｅｉｇｈｔ＝２８＞
　　（说明：这行是设定看板的大小）
　　＜ｐａｒａｍ　ｎａｍｅ＝ｂｇｃｏ　ｖａｌｕｅ＝＂０，１０５，０＂＞
　　（说明：这行是设定看板背景颜色）
　　＜ｐａｒａｍ　ｎａｍｅ＝ｓｐｅｅｄ　ｖａｌｕｅ＝＂４＂＞
　　（说明：这行是设定看板内容移动的速度）
　　＜ｐａｒａｍ　ｎａｍｅ＝ｍｓｇ
　　ｖａｌｕｅ＝＂欢迎光临滴水小筑网页制作屋，这个跑马灯是一个很棒的ＪＡＶＡ　Ａｐｐｌｅｔｓ不但可以设定跑马灯的大小，还可以很快的调整速度以及设定背景、字体的颜色，如何？很棒吧！　＂＞
　　（说明：这行是设定看板的主要内容）
　　＜ｐａｒａｍ　ｎａｍｅ＝ｔｘｔｃｏ　ｖａｌｕｅ＝＂２５５，２５５，２５５＂＞
　　（说明：这行是设定看板字体的颜色）
　　＜／ａｐｐｌｅｔ＞
　　（说明：结束）
#2　　【看板三】
　　或许你会觉得，下面这个东西不就是跑马灯吗？只是方向不同罢了．．．其实不然。它比跑马灯强多了！你可以要它停留，也可以设定每行不同的大小、颜色、速度、字体．．．　除了神奇以外，还有什么可以形容的呢？别犹豫，快抓回去玩吧！
　　１．下载ＯＣＶ．ｚｉｐ（７Ｋ），下载后解压缩，将ＯＣＶｓｃｒｏｌｌ．ｃｌａｓｓ复制到你放置网页的目录下。
　　２．在你的网页中，置入下列原始码：
　　＜ａｐｐｌｅｔ　ｃｏｄｅ＝＂ＯＣＶｓｃｒｏｌｌ．ｃｌａｓｓ＂　ａｌｉｇｎ＝＂ａｂｓｂｏｔｔｏｍ＂　ｗｉｄｔｈ＝＂４７０＂　ｈｅｉｇｈｔ＝＂３５＂＞
　　（说明：设定看板的大小）
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｂｇｃｏｌｏｒ＂　ｖａｌｕｅ＝＂＃００００００＂＞（说明：设定看板的背景色）
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｃｅｎｔｅｒｔｅｘｔ＂　ｖａｌｕｅ＝＂ｆａｌｓｅ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｌａｙ０＂　ｖａｌｕｅ＝＂４０００＂＞
　　（说明：这行是设定内容停留的时间，一秒＝１０００）
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｌａｙ２＂　ｖａｌｕｅ＝＂３０００＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｌａｙ４＂　ｖａｌｕｅ＝＂２０００＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｌａｙ６＂　ｖａｌｕｅ＝＂１０００＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｌａｙ８＂　ｖａｌｕｅ＝＂００００＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｓｃ０＂　ｖａｌｕｅ＝＂延迟４秒，字体大小１２，正常字，红色＂＞
　　（说明：这行是设定看板中ｄｅｓｃ０的主要内容）
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｓｃ１＂　ｖａｌｕｅ＝＂＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｓｃ２＂　ｖａｌｕｅ＝＂延迟３秒，字体大小１４，正常字，黄色＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｓｃ３＂　ｖａｌｕｅ＝＂＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｓｃ４＂　ｖａｌｕｅ＝＂延迟２秒，字体大小１６，斜体字，绿色＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｓｃ５＂　ｖａｌｕｅ＝＂＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｓｃ６＂　ｖａｌｕｅ＝＂延迟１秒，字体大小１８，粗体字，蓝色＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｓｃ７＂　ｖａｌｕｅ＝＂＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｓｃ８＂　ｖａｌｕｅ＝＂延迟０秒，字体大小２０，粗体字，紫色＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｄｅｓｃ９＂　ｖａｌｕｅ＝＂＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｆｏｎｔｆａｃｅ０＂　ｖａｌｕｅ＝＂Ｃｏｕｒｉｅｒ＂＞
　　（说明：这行是设定看板中ｄｅｓｃ０的字型）
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｆｏｎｔｆａｃｅ２＂　ｖａｌｕｅ＝＂Ｃｏｕｒｉｅｒ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｆｏｎｔｆａｃｅ４＂　ｖａｌｕｅ＝＂Ｃｏｕｒｉｅｒ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｆｏｎｔｆａｃｅ６＂　ｖａｌｕｅ＝＂Ｃｏｕｒｉｅｒ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｆｏｎｔｆａｃｅ８＂　ｖａｌｕｅ＝＂Ｃｏｕｒｉｅｒ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｈｌｃｏｌｏｒ＂　ｖａｌｕｅ＝＂１１０，１１０，１１０＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｌｒｍａｒｇｉｎｓ＂　ｖａｌｕｅ＝＂５＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂Ｎｏｔｉｃｅ＂　ｖａｌｕｅ＝＂Ｓｍｏｏｔｈ　Ｓｃｒｏｌｌ　Ｕｐ　ＩＩ，（ｃ）　１９９７，ＯｐｅｎＣｕｂｅＴｅｃｈｎｏｌｏｇｉｅｓ，Ｕｎｒｅｇｉｓｔｅｒｅｄ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｃｒｏｌｌｄｅｌａｙ＂　ｖａｌｕｅ＝＂２５＂＞
　　（说明：这行是设定看板内容流动的速度）
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｉｚｅ０＂　ｖａｌｕｅ＝＂１２＂＞
　　（说明：这行是设定看板中ｄｅｓｃ０的字体大小）
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｉｚｅ２＂　ｖａｌｕｅ＝＂１４＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｉｚｅ４＂　ｖａｌｕｅ＝＂１６＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｉｚｅ６＂　ｖａｌｕｅ＝＂１８＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｉｚｅ８＂　ｖａｌｕｅ＝＂２０＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｔｙｌｅ０＂　ｖａｌｕｅ＝＂＂＞
　　（说明：这行是设定看板中ｄｅｓｃ０的字体型态，斜体ｉｔａｌｉｃ、粗体ｂｏｌｄ，不填为正常字型）
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｔｙｌｅ２＂　ｖａｌｕｅ＝＂＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｔｙｌｅ４＂　ｖａｌｕｅ＝＂ｉｔａｌｉｃ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｔｙｌｅ６＂　ｖａｌｕｅ＝＂ｂｏｌｄ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｓｔｙｌｅ８＂　ｖａｌｕｅ＝＂ｂｏｌｄ＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｔｅｘｔｃｏｌｏｒ０＂　ｖａｌｕｅ＝＂２５５，０，０＂＞
　　（说明：这行是设定看板中ｄｅｓｃ０的字体颜色）
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｔｅｘｔｃｏｌｏｒ２＂　ｖａｌｕｅ＝＂２５５，２５５，０＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｔｅｘｔｃｏｌｏｒ４＂　ｖａｌｕｅ＝＂０，２５５，０＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｔｅｘｔｃｏｌｏｒ６＂　ｖａｌｕｅ＝＂０，２５５，２５５＂＞
　　＜ｐａｒａｍ　ｎａｍｅ＝＂ｔｅｘｔｃｏｌｏｒ８＂　ｖａｌｕｅ＝＂２５５，０，２５５＂＞
　　＜／ａｐｐｌｅｔ＞