1 前 言
使用客户端行为,可使网页产生动感效果,这些动感效果是在客户端实现的。Dreamweaver MX编制客户端行为,就是给网页添加一些JavaScript代码,利用它们来实现交互动感效果。
提示:一个交互动感效果,往往须有两对事件和动作(两个行为)。
例如,交互动感效果,鼠标经过图像需要两对事件和动作才能实现。即,鼠标移至图像上(onMouseOver)时,实施“交换图像”动作,以及鼠标移出图像(onMouseOut)后,实施“恢复交换图像”动作。
Dreamweaver MX自带代码库,用于存放编制客户端行为所需的代码。因此,同一种行为所用的JavaScript脚本是相同的。
2 基本概念
客户端行为由两部分组成-事件和动作。
2.1 事件
事件是执行某项动作的条件。事件由浏览器定义、产生与执行(事件)。
事件是浏览器生成的消息,显示访问者执行了某种操作。例如,当访问者将鼠标指针移动到某个链接上时,浏览器为该链接生成一个 onMouseOver事件;然后,浏览器查看是否存在应该调用的JavaScript 代码(代码在同一张网页中)。
不同的网页元素定义不同类型的事件。例如,在大多数浏览器中,onMouseOver和onClick是与链接关联的事件,而onLoad是与图像和文档的body部分关联的事件。
提示:各种型号、版本浏览器定义的事件是不同的。现今,Netscape已退出,且普遍使用IE5以上。因此,编制客户端行为时,不必考虑浏览器的型号问题。
2.2 动作
动作是由特定的事件引发执行的任务。
动作是由预先编写的JavaScript代码来实现的,这些代码执行特定的任务。例如,打开浏览器窗口、显示或隐藏层、播放声音或停止Shockwave 影片。
随Dreamweaver MX提供的动作是由Dreamweaver工程师精心编写的,以提供最大的跨浏览器兼容性。
2.3 行为执行
在将行为添加到网页元素之后,只要对该元素发生了您所指定的事件,浏览器就会调用与该事件关联的动作(JavaScript代码)。例如,如果将弹出消息动作附加到某个链接并指定它将由onMouseOver事件触发,那么只要在浏览器中用鼠标指针指向该链接,就将在对话框中弹出您的消息。
单个事件可以触发多个不同的动作,您可以指定这些动作发生的顺序。但是,最好不要这么做。
同样一个动作,可以由不同的事件引发。例如,打开浏览器窗口,一般是由与<body>相关联的事件引发onLoad。如果不是<body>上设置,则事件可以是onClick,也可以是onMouseOver等。
2.4 备注
Dreamweaver MX自带大约二十多个行为动作。此外,还可以在Macromedia Exchange Web站点以及第三方开发人员站点上找到更多的动作。如果精通JavaScript,用户可以编写自己的行为动作。
行为和动作这两个术语是Dreamweaver术语,而不是HTML术语。从浏览器的角度看,动作与任何其他JavaScript代码完全相同。
3 设置方法
行为设置在“行为”面板上进行。例如,打开广告网页(打开浏览器窗口)的设置方法。
在选中状态栏上<body>(或图像)后,单击行为面板上单击“+”·“打开浏览器窗口”
“打开浏览窗口”对话框,设置所需的有关选项。如,高、宽、菜单条、状态栏、工具栏等。
设置完成后,在网页中添加一些JavaScript代码。其中,
头部<head>添加了脚本:
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script>
<body>的属性中添加了:
onLoad="MM_openBrWindow('spacer.htm','','width=300,height=270')"
提示:制作广告网时注意,网页的左、顶边界默认为3像素。
客户端行为设置的例题,参见《翻滚图片对象制作》一文。