第二十一节 Behavior

网页的动态效果,要往网页页面里插入JavaScript小程序。Dremweaver能自动生成一些JavaScript代码来实现动态效果,使不会JavaScript的人也能制作出动态的网页。 利用Dreamweaver的Behavior,能做出很有用的页面效果。

要使用Behavior,先点击菜单栏的WINDOW\Behavior,或直接用快捷键F8,即弹出Behavior面板。

(Behavior面板) Behavior由两部分组成——Events和Actions。
Events是事件,每个页面元素所能发生的事件不尽相同。例如页面本身能发生onLoad和onUnload事件,onLoad即该页面被打开的事件,onUnload即页面被关闭的事件。而超级链接能发生onMouseOver事件,即被鼠标移动到其上的事件。
Action是动作。动作只有当某个事件发生时,才被执行。例如可设置当鼠标鼠标移动到某超级链接上时,执行一个动作使浏览器状态栏出现文字。

Behavior面板上,Events For后的下拉选框里可选择所针对的不同的浏览器类型。因为不同的浏览器,其事件的标准并不完全一致。建议在这里选4.0 and Later Browsers,即4.0版本及以上的浏览器。因英文版的Dreamweaver和中文版的Windows冲突,有时这个选框无法用鼠标选择,这时应该应键盘上的方向键选择。

要添加Behavior,执行某一动作,先要考虑需使用哪一个页面元素的哪一个事件。考虑完毕后,在Dreamweaver主窗口中选择这个页面元素,点击Behavior面板上的 + 按钮,弹出一个选框供你选择一个动作。 对话框上,有些选项无法选择,这是因为这些选项所需一些页面元素,而这些页面元素在当前页面上并不存在。 这时选择好所需的动作,然后进行必要的设置。
设置完毕后,面板上即多出一项Behavior。 点击此项的事件部分后面的箭头按钮,即可从弹出的几个选项中选择一个事件。根据开始在主窗口中选择的页面元素,此时会给出相应的事件选项。假如开始选择的是页面本身,则此时会给出两个事件——onLoad和onUnload。 点击此项的动作部分,可弹出相应的对话框,供修改你已设置的动作参数。 在面板中点击已设置完的一项Behavior,在点击面板上向上或向下的箭头按钮,可改变此项Behavior在所有各项中的排列顺序。

下面是一个使用Behavior的实例。 这一个例子要达到这样的效果,当访问者鼠标移到某超级链接上时,浏览器状态栏出现对这个超级链接的解释。
这要用到Set Text of Status动作和超级链接的onMouseOver事件,即鼠标移动到超级链接上面的事件。
在Dreamweaver主窗口中,用鼠标选中这个超级链接。
点击菜单栏的Window\Behavior,或使用快捷键F8,打开Behavior面板。
点击面板上的 + 按钮,在弹出的选单中点击Set Text\Set Text of Status,弹出如图的Set Text of Status对话框。
(Set Text of Status对话框)

在Message后填入你需要将来在浏览器状态栏出现的解释文字。然后点击 OK按钮即可。
在Events下面是调用这个动作的事件。在这里我们选择onMouseOver事件。
至此,设置完毕,达到了例子的要求。

时间: 2024-09-12 10:37:40

第二十一节 Behavior的相关文章

Scala入门到精通——第二十一节 类型参数(三)-协变与逆变

作者:摇摆少年梦 视频地址:http://www.xuetuwuyou.com/course/12 本节主要内容 协变 逆变 类型通匹符 1. 协变 协变定义形式如:trait List[+T] {} .当类型S是类型A的子类型时,则List[S]也可以认为是List[A}的子类型,即List[S]可以泛化为List[A].也就是被参数化类型的泛化方向与参数类型的方向是一致的,所以称为协变(covariance). 图1 协变示意图 为方便大家理解,我们先分析java语言中为什么不存在协变及下一

[ExtJS5学习笔记]第二十一节 Extjs5中使用config配置给ext.widget或者create方法传递参数

官方例子: http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.Class-cfg-config 本文作者:sushengmiyan ------------------------------------------------------------------------------------------------------------------------------------ 对于Extjs5的使用方式,我习惯性的是,先使用

第十一节--重载 -- Classes and Objects in PHP5[11]

object|php5 | = 本文为Haohappy读<<Core PHP Programming>> | = 中Classes and Objects一章的笔记 | = 翻译为主+个人心得 | = 为避免可能发生的不必要的麻烦请勿转载,谢谢 | = 欢迎批评指正,希望和所有PHP爱好者共同进步! +-------------------------------------------------------------------------------+*/ 第十一节--重载

java编程思想-java编程四线第二十一章 线程SynchronizationComparisons.java有错误

问题描述 java编程四线第二十一章 线程SynchronizationComparisons.java有错误 //BaseLine 和AtomicTest 是线程不安全的 ,求解答 //: concurrency/SynchronizationComparisons.java// Comparing the performance of explicit Locks// and Atomics versus the synchronized keyword.import java.util.c

第十一节--重载_php基础

/* +-------------------------------------------------------------------------------+ | = 本文为Haohappy读<<Core PHP Programming>>  | = 中Classes and Objects一章的笔记  | = 翻译为主+个人心得  | = 为避免可能发生的不必要的麻烦请勿转载,谢谢  | = 欢迎批评指正,希望和所有PHP爱好者共同进步!  | = PHP5研究中心: 

python 教程 第二十一章、 扩展Python

第二十一章. 扩展Python /* D:\Python27\Lib\Extest-1.0\Extest2.c */ #include <stdio.h> #include <stdlib.h> #include <string.h> #include "Python.h" int fac(int n) { if (n < 2) return(1); return (n)*fac(n-1); } static PyObject * Extest

第二十节 插入动感元素

插入|动感 这一节将讲述网页中用到的各种动感元素的插入,至于各种动感元素的细节,请参阅相关资料. ActiveX由微软提出,被Internet Explore浏览器支持,其它种类的浏览器对其支持度不太高.但通过设置embed,也可被Netscape的Navigator所支持.要插入ActiveX,可点击Objects面板上的图标,或者点击菜单栏的Insert\Media\ Activex.这时Dreamweaver主窗口上会出现ActiveX的图标. Plugin是Netscape公司的Navi

第十一节 超级链接

链接 茫茫网海,从一个网页跳到另一个网页,这就是用到了超级链接.超级链接是WWW万维网存在的基础. 先来看看普通文本超级链接的加入.文本的Properties面板上有Link和Target两项,这就与超级链接有关.选中所需的文本,有四种方法可使它链接到其它页面.你可直接在Link后填入要链接到的页面的地址.注意最好用相对地址,而不用绝对地址.第二种方法是点击后面的图标,然后选取要链接到的页面.第三种方法是使用图标.用快捷键F5可打开你定义的本地站点的文件列表,用鼠标点击,不要松开,拖动至你要链接

经典算法题每日演练——第二十一题 十字链表

     上一篇我们看了矩阵的顺序存储,这篇我们再看看一种链式存储方法"十字链表",当然目的都是一样,压缩空间. 一:概念     既然要用链表节点来模拟矩阵中的非零元素,肯定需要如下5个元素(row,col,val,down,right),其中: row:矩阵中的行. col:矩阵中的列. val:矩阵中的值. right:指向右侧的一个非零元素. down:指向下侧的一个非零元素. 现在我们知道单个节点该如何表示了,那么矩阵中同行的非零元素的表示不就是一个单链表吗?比如如下: 那么