<b>Dreamweaver MX 2004从零开始(5)</b>[DW设计]

　用行为丰富效果
　　行为可以说是 MX 2004中最有特点的功效,它可以让你不用书写一行javascript代码便可实现多种动态效果.行为的关键在于 MX 2004中供应了很多行动,其实就是尺度的JavaScript程序,每个行动可以完成特定的任务.这样,假如你所需求的功效在这些行动中,那么就不要自己编写JavaScript程序了.


　　弹出消息框


　　假如但愿别人进入首页的时刻可以瞥见一个弹出的消息框来显示一些内容,则可以通过下述办法实现.

　　第一步 在 MX 2004主窗口中新建一个页面,接着运行“Windows→Behaviors”号令激活行为面板.

　　第二步 在行为面板中点击“+”按钮,并且从弹出菜单中选取“Popup Message”号令,这时可以瞥见图1所示的窗口,在此中可以输入诸如“欢送光临中国教诲报!”之类的提醒信息.
 

　　第三步 增添好提醒文字之后,掌握面板中就多出一个名为“Popup Message”的行为,此时还要点击左部的下拉菜单,并且从中挑选“onLoad”一项,这样当别人进入页面之后就会自动履行设置的行为,自然也就可以够瞥见弹出的消息框了.

　　提醒:从下拉菜单中还可以挑选“onKeyDown”、“onMouseDown”之类的行为,使得按下键盘大概点击鼠标之后呈现消息框.


　　链接注释文字


　　在浏览一些的时刻,将鼠标放在图象大概链接上会有注释文字呈现,实现这种效果可以通过下述步骤实现.

　　第一步 先在 MX 2004的编辑窗口中插入一幅图象,单击这幅图象之后在属性面板的链接输入框内填写“#”号让它链接本页.

　　第二步 通过“Insert→Layer Objects→Layer”号令在图象旁边增添一个层,并且输入需求显示的话.挑选这个层之后,在属性面板中将“Vis”属性设置为“hiddend”来躲藏该层（如图2）.
 

　　第三步 挑选图象之后,通过“Windows→Behaviors”号令激活行为面板,单击“+”按钮并挑选“Show-Hide Layers”一项.在弹出的窗口中选取需求显示的层,接着点击下部的“Show”按钮,这样确认之后便可以在行为面板中多出了一个名为onMouseOver的事件.此时点击“+”按钮并击挑选“OnMouseOver”一项,这样当鼠标放在图象上便可以显示该层,也就是可以呈现浮动的文字注释了.

　　第四步 接着参照第三步为方才的层增添“Hide”事件,并且将行为设置为“OnMouseOut”,这样鼠标拿开时便可以躲藏该层了.

　　完成上述操作之后,按下“F12”按钮便可翻开IE浏览器举行预览,当鼠标移动到这个图片上的时刻会呈现预先设置好的提醒字样,而鼠标移开图片时字样自动躲藏.


　　自动调整窗口大小


　　有些在改变窗口大小的时刻也会随之调整页面大小,因此窗口过大就不会有空白处,窗口太小边沿就不会跑出移动条,关于这种自动调整页面大小的功效,在 MX 2004中可以参照下述步骤来很简单的实现.

　　第一步 新建一个页面,然后通过“Insert→Table”号令插入一个一行三列的表格,此时可以先不管它的宽度,而是通过下述设置让它自动伸展合适浏览器窗口.

　　第二步 这时可以瞥见每个单元格下部都标明了宽度且有一个小三角形（如图3）.在这个表格中,可以设定哪部份是需求固定的,不过只能让一列自动伸展,比方此处我们设定最后一列随着窗口大小的改变自动伸展.
 

　　第三步 选中最后一列,运行“View→Table Mode→Layout Mode”号令,并且在弹出的菜单中挑选“Make Column Autostrach”一项（如图4）.
 

　　第四步 接着将呈现对话框,并且会提醒为了可以使行伸展,需求安排一些隔断图片在别的列中,在此挑选“Create a spacer image file”一项,这样图片在浏览器窗口不会显示出来,而是起着固定表格的作用.

　　第五步 确认之后返回原先的编辑窗口,可以瞥见最后一列已经自动伸展填充了整个浏览器窗口,而别的两列则保持着固定的宽度.

　　提醒:设定自动伸展的列可以在列上端瞥见一个波浪线.

　　完成上述操作之后,在IE浏览器中预览页面效果的时刻,假如改变窗口的大小,则最后一列的宽度也会随之改变,而前两列的宽度保持不变,这样便可以实现自动调整窗口大小了.

　　上文介绍的仅仅是 MX 2004中行为功效的一些办法,机动地把行为和图层结合应用还可以实现诸如动态图片、可拖拽的图层等等功效,让你的看起来越发丰富多彩!