当前位置月光软件 -> 电脑乐园 -> Dreamweaver

 

轻松掌握网页制作
深入学习和使用
用表格做网页
图形化的网页
灵活运用文字
精彩的图层世界
什么是图层
会跑动的面板(上)
会跑动的面板(下)
动态菜单的制作(上)
动态菜单的制作(下)
丰富的超链接
框架里的乾坤
创建各种窗体
本章常见问题解答
高级使用和理解
附录
常见问题汇总
快捷键分级介绍
一句话技巧集萃
功能快速索引



请您留言
谈谈您的看法

 

 

 
  二、深入学习和使用

4、精彩的图层世界

(1)什么是图层

  在上网时,你会发现有的网站页面上有个小精灵走来走去,时而在文字或图片上,时而在某些图片下,这是如何实现的呢?

  实现这种效果有多种方法,而使用图层来完成这种效果是最容易的。

  什么是图层呢?通俗地讲,图层就象是含有文字或图形等元素的胶片,一张张按顺序叠放在一起,组合起来形成页面的最终效果。图层可以将页面上的元素精确定位。图层中可以加入文本、图片、表格、插件,也可以在里面再嵌套图层。

  图层在平面坐标X,Y上又添加一个具有三维空间的坐标Z,使图层有一个叠放顺序。图层的一个重要功能就是可以使页面元素重叠。按下F11,调出图层窗口(图1),在这里可以很方便地切换图层,同时便于调整图层顺序,Z值大的在上面。

图层面板示例

图1 图层面板示例

  我们看一下这个例子(图2),(只有在IE4及更高版本中才能看到此效果,NETSCAPE4中没有OnClick事件,因而看不到)。

预览我们要做的例子

图2 预览我们要做的例子

  你会说:页面上除了一个小猫在那里原地踏步外,什么也没有了!那好,我们单击这个小猫,哇,一个活动菜单出来了,将鼠标放在菜单项上,会弹出每一项的子菜单,子菜单中的每一项都有链接。再点一下这个小猫,看,菜单又回到原来位置了。

  不错吧,下面我们就一起来完成这个例子,涉及的主要问题有:Timeline动画的制作,层的嵌套、显示/隐藏层、控制Timeline动画的播放等。

 

上一节 下一节   

 

请您留言
谈谈您的看法