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

对象|网页

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

实现难度系数:☆☆☆☆

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

时间: 2024-12-21 20:38:29

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

jQuery网页背景灯光闪烁特效

下载地址:http://download.csdn.net/detail/cometwo/9401539 jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuery网页背景灯光闪烁特效jQuer

网页上隐藏Email地址的方法_网络安全

假如你在网上发布了你的Email地址,不久就会招来大量的垃圾邮件.这是因为垃圾邮件发布者,会用程序在网上搜索Email地址,一旦搜到你的Email,就会添加到他们的发布列表中,以后垃圾邮件就会不断地发送给你.如何才能在网上自由发布Email地址联系朋友,同时又不会招来垃圾邮件呢?以下方法能帮助你解决此类问题. 1.使用软件加密你的Email 有一些专门的邮件地址隐藏器软件能够加密你的Email地址,防止垃圾邮件发布者收集你的Email. Mail2Encoder(右键下载)可以将Email地址转

JavaScript实现网页对象拖放功能的方法_javascript技巧

本文实例讲述了JavaScript实现网页对象拖放功能的方法.分享给大家供大家参考.具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Drag</title> <meta http-equiv=

网页中用隐藏帧来实现三个应用

网页分帧(Frame)通常用来进行主页版面的组织和编排.实际上,巧妙应用分帧技术,还可以完成一些重要的功能.本文介绍利用隐藏帧来实现三个应用. 怎样把帧隐藏起来呢?笔者是通过把帧的高度(对于上.下分帧)设为 0 的办法来把帧隐藏起来的.隐藏以后的帧里面照样可以放置 html 文件,但在网页的整体版面上并不显示出来.本例中,笔者构造隐藏帧的 html 代码如下: 〈frameset frameborder="0" rows="0,*"〉 〈frame name=&qu

鼠标单击连接在网页中弹出提示窗口特效代码

网页特效代码,当在网页中用鼠标单击连接时,在网页中弹出个性提示小窗口.效果相当不错哦! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>提

14款经典网页图片和文字特效的jQuery插件-前端开发必备_jquery

不废话了,直接贴图片了,亲们可以点击查看演示和下载源码哦. 经典1.网页图片3d旋转jQuery代码 查看演示  下载插件 经典2.存css3实现的tabl选项卡代码 查看演示 下载插件 经典3.jQuery标签旋转代码 查看演示  下载插件 经典4.鼠标悬浮的图片选项卡代码 查看演示  下载插件 经典5.鼠标往下滚动时文字变大的css3代码 查看演示  下载插件 经典6.动画标签云网页代码 查看演示  下载插件 经典7.css3文字晃动代码 查看演示  下载插件 经典8.css3幻灯片代码 查

网页中隐藏帧的妙用

网页分帧(Frame)通常用来进行主页版面的组织和编排.实际上,巧妙应用分帧技术,还可以完成一些重要的功能.本文介绍利用隐藏帧来实现三个应用. 怎样把帧隐藏起来呢?笔者是通过把帧的高度(对于上.下分帧)设为 0 的办法来把帧隐藏起来的.隐藏以后的帧里面照样可以放置 html 文件,但在网页的整体版面上并不显示出来.本例中,笔者构造隐藏帧的 html 代码如下: 〈frameset frameborder="0" rows="0,*"〉 〈frame name=&qu

利用WScript.Shell对象隐藏cmd命令行运行框的实现代码_vbs

1. WScript.Shell(Windows Script Host Runtime Library)是一个对象,对应的文件是C:\WINDOWS\system32\wshom.ocx,Wscript.shell是服务器系统会用到的一种组件.shell 就是"壳"的意思,这个对象可以执行操作系统外壳常用的操作,比如运行程序.读写注册表.环境变量等.这个对象通常被用在VB或VBS编程中. 2. 安装WScript.Shell对象:regsvr32 WShom.Ocx 卸载WScrip

CSS网格布局:制作网页图片幻灯图库特效

文章简介:这里我们指导您使用网格布局来创建一个图片游览库的灯箱效果.我们使用网格布局组织页面的内容,和用媒体查询来优化布局,用于横屏竖屏都能查看.在竖屏中,浏览器高度大于其宽度,在横屏中,浏览器宽度大于其高度. 毫无疑问,当开发人员谈到网页布局时会有很多选择.为了确保你的布局可以适应不同设备.方向和屏幕大小,你需要慎重考虑清楚,你要使用哪些方法来布局.网格布局是一个新的布局方法,使你可以把网页的主要区域在游览器窗口内设置一个固定大小或者自由空间,你也可以两个同时使用. 因为网格布局使用您能够根据