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

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

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

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

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

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

实现难度系数：☆☆☆

2．利用层来隐藏图片

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

手段：利用Dreamweaver的层行为

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

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

3．利用Javascript隐藏滚动条

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

手段：利用Javascript代码实现

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

实现难度系数：☆☆☆☆

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