a14.JPG (6885 bytes)
 

  Dreamweaver提供的Behaviors行为,是一个不用编程,就可以实现一些网页交互的功能的超级功能提供器。请看图14.1
 
  14_1.gif (8100 bytes)
 
  其中:
 
  1.Call JavaScript是调用JavaScript的一段小程序
  2.Chang Property是改变一些页面元素的属性
  3.Check Browser判断用户使用的是何种浏览器
  4.Check Plugin判断浏览器中是否已经安装了指定插件
  5.Control Shockwave or Flash控制动画播放
  6.Drag Layer实现拖拽层
  7.Go To URL可以实现自动转到另一页面
  8.Jump Menu实现下拉式列表中选中一个项目后,跳转到一个URL地址
  9.Jump Menu Go使用Jump Menu的网页元素
  10. Open Browser Window实现打开网页同时启动另一页面,多用做弹出消息页面
  11. Play Sound实现网页打开时播放音乐
  12. Popup Message实现打开网页时,打开一个对话窗口。
  13. Preload Images将网页上的图形下载到本地Cache中,可加速图形下载。
  14. Set Nev Bar Image制作动态按钮
  15. Set Text在状态条上显示文字
  16. Show-Hide Layers显示或隐藏层
  17. Swap Image图形交替显示
  18. Swap Image Restore重复前面的Swap Image功能
  19. Timeline对用Timeline制作的动画进行控制
  20. Validate Form对Form中文本域中输入内容的格式进行判断
 
 
下面就8举个实例:
  现在网页中加入一个Form,它是利用网络来传输数据不可缺少的元素。选择Insert下Form,此时在网页上会出现一个红色虚线框,在这个框中可以加入Form的对象:文本框、单选钮、多选框、下拉式列表、按钮、文件域、图形域、隐藏域和Jump Menu,现在只要在Insert下选Form Object中选Jump Menu,弹出对话框(图14.2)。
 
 14_2.gif (7124 bytes)
 
  其中:
 
  1.利用“+”“-”号可以,完成添加和删除列表中的项目
  2.利用上下箭头可以实现列表中项目上下移动
  3.在URL中输入跳转文件的路径或使用Browse…选择一个文件
 
  点击OK,结果如图14.3。
 
  14_3.gif (6845 bytes)
 
  这样就完成了,请看结果jm.htm
 
再以Timeline举个实例:
 
  在网页设计中,使用Timeline来自做动画效果是在好不过了,对制作好的动画你还可以进行控制。选择Insert下的Layer,插入一个层,然后在此层中加入一个图形,然后把这个层拖入Timeline,就可以看到一条时间线,只有起始和结束两个关键帧,因此它的运动路线是一条直线。如果要让它延曲线运动,需要在上面的时间线中加关键帧,然后拖动层,产生曲线路径(图14.4)。
 
  14_4.gif (8023 bytes)
 
  在看看Timeline的情况图14.5。
 
  14_5.gif (6009 bytes)
 
  其中:
 
  1.两个多选框分别起自动播放和循环播放的作用
  2.此时时间线上有5个关键帧
 
  现在要对这个动画进行控制,就需要使用Behaviors中的Timline了。例如:在网页上写“go”,利用它来控制上面动画的运动。选择Timeline中的Go to Timline Frame,弹出窗口(图14.6)。
 
  14_6.gif (3566 bytes)
 
  其中:
 
  1.Timeline中显示的是刚才那段动画的名称
  2.在Go to Frame中输入一个数字
  3.设定Loop循环时间
  点击OK后,在行为面板中出现onClick的鼠标行为。
 
  再加上Stop和Play后,Dreamweaver会自动定义分别定义鼠标动作为onClick和onMouserOver(图14.7)。
 
  14_7.gif (8990 bytes)
 
  这样就完成了。效果请看timeline.htm
 

返回