日期:2014-03-22 浏览次数:20641 次
一个月的时间过去了,乌龟的网页初步制造完成,还在网页中制造了一些星空背景、会伸缩的按钮、UFO环绕鼠标、会跳舞的文本等特技效果。剩下还有一种技术——网页对象隐藏的特效可苦了乌龟。乌龟想起了“兔子王国”的斑竹小白兔,它正是这方面的高手,便提了些礼物前去拜访,互相问候后,乌龟顺便请教了如何把网页中的对象隐藏,小白兔认真地讲解了整个操作过程。
1.利用和背景同颜色来隐藏文字
目的:单击网页中的文字,然后立刻隐藏。
手段:利用FrontPage 2000中的动态HTML效果。
具体方法:打开FrontPage 2000软件,选中要隐藏的文字,然后打开“格式”菜单中的“动态HTML效果”项,弹出一个“DHTML效果”工具栏,然后再选择“单击”事件,使用“格式”效果,然后选择“选择字体”,如图1所示,在弹出的“字体”对话框中,设置文字的颜色和网页背景颜色分歧。
实现难度系数:☆☆☆
2.利用层来隐藏图片
目的:鼠标移到“隐藏图片”文字,图片就会隐藏起来
手段:利用Dreamweaver的层行为
具体方法:打开Dreamweaver软件,输入文字“隐藏图片”,然后选择“插入”菜单中的“层”,在层里插入一个图片文件。选中“隐藏图片”文字,选择“窗口”菜单中的“行为”(或者按Shift+F3键),弹出一个“行为”设计面板,按“+”号,在弹出菜单中选中显示-隐藏层,系统弹出对话框。单击该层,然后单击“显示”,最后“确定”。这是当鼠标移上去的隐藏事件。下来制造移出文字后显示这个隐藏层。用同样的方法,按“+”添加“显示-隐藏层”行为,在对话框中选中该层,按“隐藏”键,并调整该事件为onMouseOut(当鼠标移出)。如图2所示。
实现难度系数:☆☆☆☆☆
3.利用JavaScript隐藏滚动条
目的:随时隐藏浏览窗口的滚动条
手段:利用Javascript代码实现
这样在网页中就添加了两个按钮,当单击“隐藏滚动条”就会隐藏垂直和水平滚动条了,单击“显示滚动条”立刻显示。效果如图3所示。
实现难度系数:☆☆☆☆
最后小白兔和乌龟一同到饭店里吃了一顿,乌龟满意地回家继续完善“乌龟王国”网站。