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

  • 发布于:2020-10-17
  • 204 人围观

  大家都听过“龟兔赛跑”的故事吧,你们知道吗?比赛过后,小白兔跑输给乌龟的故事很快地传遍了森林。动物们都把这件事当笑话讲,兔子们都气得直瞪眼,不再理睬那只不争气的小白兔。小白兔呢,则躲在家里伤心,发奋要学习一门技术来名扬海内外,动动脑筋,报名参加了计算机培训班。小白兔到培训班从计算机基础开始学起,学会了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所示。

实现难度系数:☆☆☆☆

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

·本文关键字: Dreamweaver / Java / FrontPage / 代码
万企互联
标签: