行为的使用

一、什么是行为

  行为的特点是强大的网页交互功能,它能够根据访问者鼠标的不同行为来让网页执行相应的操作或相应地更改网页的内容。每一个行为,都包括事件和行为两部分。

  Dreamweaver MX预置了许多行为,即JavaScript程序库。使用行为使得网页制作人员不用编程而实现一些程序行为。比如验证表单、打开一个浏览器窗口等。

  行为是事件和行为的组合。行为是预先编写好的JavaScript脚本,执行指定任务。例如打开浏览器、播放声音或停止Shockwave电影等。事件则是由浏览器为每个页面元素定义的,是访问者对网页的基本操作。例如onMouseOver、onMouseOut和onClick等。它们在大多数浏览器中和链接相关联。而onLoad则是和图像以及文档正文相关联的事件。行为是指接受到事件的网页应当执行的响应功能。例如,网页中有一幅图片,当访问者将鼠标移到这个图片上的时候(事件),该图片上的内容变为另一张图片的内容(行为)。

二、行为面板的用法

  操作方法如下:

  1. 打开行为面板
  1. 单击“行为”面板中的“+”按钮,可在出现的菜单中选择所需要的行为。
  2. 选中“行为”面板中某一事件,单击“-”按钮,可从列表中删除当前行为。
  3. 单击向上和向下箭头按钮,在行为列表中向上或向下移动所选定的行为。

三、行为的基本操作

  附加行为

  用户可以将行为附加给整个文档(body部分),也可以附加给链接、图像、表单等对象或任何其他HTML元素。如果浏览器支持该行为,将会显示在菜单栏中。

  每个事件可以指定多个行为,行为将按顺序列表依次发生。

行为实例1:为页面添加弹出消息行为

  1. 打开CH07.htm文档。
  2. 选中要附加行为的对象,如果要将行为附加给整个页面,单击文档窗口左下角标签面板中的<body>标签,使之加粗。
  3. 打开“行为”面板。
  4. 单击面板中的“+”号按钮并从“行为”弹出菜单中选择一个行为,选择“弹出信息”选项。
  5. 在下面的“弹出信息”对话框中输入想要的文字,然后单击“确定”。

  1. 行为的默认事件将出现在“事件”列表中,如果该事件不符合需要,则可以从“事件”下拉菜单中选择其他事件。本例改为“onLoad”,即载入些网页时弹出该信息。

行为实例2:为页面添加播放声音

  在附加了行为以后,可以通过编辑所附加的行为来改变触发行为的事件、添加或删除行为以及改变行为的参数等。下面修改实例1的页面行为,添加播放声音行为。

注意:

行为实例3:打开浏览器窗口

点这里打开以600*400窗口显示动画页

建议用微软默认的浏览网页,否则可能不能正常显示弹出的窗口。

行为实例4:改变层的背景色和背景图

点这里看演示页

行为实例5:改变状态栏文字

观察鼠标移到这里时状态栏文字的改变

行为实例6:单击图像显示和隐藏层,实现图像切换

点这里看演示页

 

 

返回主页