大话“龟兔赛跑”--网页对象隐藏的特效

大家都听过“龟兔赛跑”的故事吧，你们知道吗？比赛过后，小白兔跑输给乌龟的故事很快地传遍了森林。动物们都把这件事当笑话讲，兔子们都气得直瞪眼，不再理睬那只不争气的小白兔。小白兔呢，则躲在家里伤心，发奋要学习一门技术来名扬海内外，动动脑筋，报名参加了计算机培训班。小白兔到培训班从计算机基础开始学起，学会了Windows XP、Office XP，还学会网页三剑客，自己买了电脑，日夜兼程地制作了一个“兔子王国”网站。动物们这下可热闹了，为了不落伍，纷纷学起了电脑。这下乌龟着急了，是不是还要搞一个网站比赛呢，咱也学学电脑，制作一个网站。

　一个月的时间过去了，乌龟的网页初步制作完成，还在网页中制作了一些星空背景、会伸缩的按钮、UFO环绕鼠标、会跳舞的文本等特技效果。剩下还有一种技术——网页对象隐藏的特效可苦了乌龟。乌龟想起了“兔子王国”的斑竹小白兔，它正是这方面的高手，便提了些礼物前去拜访，互相问候后，乌龟顺便请教了如何把网页中的对象隐藏，小白兔认真地讲解了整个操作过程。

1．利用和背景同颜色来隐藏文字

目的：单击网页中的文字，然后立刻隐藏。

手段：利用FrontPage 2000中的动态HTML效果。

　　具体方法：打开FrontPage 2000软件，选中要隐藏的文字，然后打开“格式”菜单中的“动态HTML效果”项，弹出一个“DHTML效果”工具栏，然后再选择“单击”事件，应用“格式”效果，然后选择“选择字体”，如图1所示，在弹出的“字体”对话框中，设置文字的颜色和网页背景颜色一致。

实现难度系数：☆☆☆

2．利用层来隐藏图片

目的：鼠标移到“隐藏图片”文字，图片就会隐藏起来

手段：利用Dreamweaver的层行为

　　具体方法：打开Dreamweaver软件，输入文字“隐藏图片”，然后选择“插入”菜单中的“层”，在层里插入一个图片文件。选中“隐藏图片”文字，选择“窗口”菜单中的“行为”（或者按Shift+F3键），弹出一个“行为”设计面板，按“+”号，在弹出菜单中选中显示-隐藏层，系统弹出对话框。单击该层，然后单击“显示”，最后“确定”。这是当鼠标移上去的隐藏事件。下来制作移出文字后显示这个隐藏层。用同样的方法，按“+”添加“显示-隐藏层”行为，在对话框中选中该层，按“隐藏”键，并调整该事件为onMouseOut（当鼠标移出）。如图2所示。

实现难度系数：☆☆☆☆☆

3．利用JavaScript隐藏滚动条

目的：随时隐藏浏览窗口的滚动条

手段：利用Javascript代码实现

　　这样在网页中就增加了两个按钮，当单击“隐藏滚动条”就会隐藏垂直和水平滚动条了，单击“显示滚动条”立刻显示。效果如图3所示。

实现难度系数：☆☆☆☆

　　最后小白兔和乌龟一起到饭店里吃了一顿，乌龟满意地回家继续完善“乌龟王国”网站。