4、精彩的图层世界

（1）什么是图层

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

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

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

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

图1　图层面板示例

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

图2　预览我们要做的例子

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

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

上一节　下一节   

谈谈您的看法