利用时间轴实现图层移动
 
   
首页简介DreamweaverFireworksFlash问答技巧网站素材学生作品| 
 
         Dreamweaver Mx
   

您的位置:首页Dreamweaver→图层应用

Dreamweaver MX 图层的应用

  我们知道,在Dreamweaver中最受欢迎的莫过于层的运用。因为它可以很方便地对元素的定位!
  

  一、元素的定位。
  作为层,对于我们的网页的初步排版来说,还是很不错的,因为它可以任由我们摆放,想放在哪里就放在哪里!相关的改变只是层的命名和它的Z高度,如果你懂三维的话,就知道,它是以我们所知道的XY坐标的基础上再增加三维关系的Z坐标!它的高度以垂直于网页向外为正方向,向里为负方向。通常我们所见的网页,它的Z值为0。
  在排版方面,本人觉得还是用表格最为方便,如果你比较熟悉的话,就会赞同我的想法的。在Dreamweave里面,也有层转化为表格的功能,但是它易产生无谓的代码,如果你对表格比较熟悉的话,我建议你采用表格进行排版,即进行我们的网页的布局!对新手来说,采用层也有它的好处。
  二、新建图层、调整图层、层的属性面板、调整层的层叠顺序
  三、层的显示和隐藏。
  层的显示和隐藏是Dreamweaver里最常用的了!利用它我们可以实现好多用途。
  事例一,对图片的说明,你将鼠标移动到图片上,观看效果。  

 

你会发现,当鼠标移动到图片上面时,就会出现一个对该图片的说明或是介绍。具体如何实现的呢?下面一步一步教你实现这个功能。
1、首先,同时按Alt+I,接着按Y,再按ENTER,就会插入一个层,或是选择主要菜单中的[Inser](插入),然后选择点击[Layer](层)。如下图:

层的默认名字为Layer1. 相关的参数我设为如图,你可以自己作相关的改变!

2、接着点击要实现该功能的图片。按Shift+F3,调出行为动作面板。如图
3、点击里面的“+”,弹出行为动作选项!

选择[Show-Hide Layers](显示隐藏层)这个选项。出现一个对话框!点击[Hide](隐藏),如下图

重复3,但这次选择的是[Show](显示).

然后在行为动作面板里出现如图的行为!点击里面每个行为的[Events](事件)旁的三角形,如下图红色圈中所示。将相应的事件更改为如下图所示的事件。后面的[Actions](行为)是事件发生时执行的行为。

好了,保存下来,浏览一下,是不是实现了上述的功能了呢!
如果你想在表单的按钮上,实现相关的行为,只要在上述的基础上更改部分行为即可!

点击相关的按钮,可以实现不同的功能!例如点击隐藏,那么就隐藏啦!点击显示,那么就显示本层内容了!
层的内容你自由设定,可以是个人介绍,或是其它的内容。自己发挥啦。
但要注意按钮的属性 。以及更改事件触发行为:[Events](事件)为onclick!

  四、图层转换表格,图层不能重叠,点修改→转换

  五、利用时间轴实现图层移动

利用时间轴实现图层移动

 




 
网页设计三剑客 htmldesign.51.net Copyright 2003-2004. All Rights Reserved.
QQ:18599123  联系邮箱:q_js888@sina.com 〓 梦空间·网页工作室 〓