Dreamweaver教程:行为事件
行为是实现网页上交互的一种捷径,Dreamweaver MX 2004 行为将javascript 代码放置在文档中,以允许访问者与Web 页进行交互,从而以多种方式更改页面动作或执行某些任务。行为是事件和由该事件触发的动作的组合。
下面我们来学习行为的用法。现在,举个例子加以说明。看下图,光标移到图片上面。在它的右侧即显示一段其它内容(动画)。请您用鼠标测试,然后,我们来分析一下这个过程。
请您操作鼠标在花上移入移出
这是两个行为:行为一:移入+显示;行为二:移出+隐藏。
事件是:鼠标移入和移出。动作是:显示和隐藏。
具体操作如下:
1、在页面中插入一张图片,本例为菊花图片。
2、在页面中插入一个层,贴入几个动画小人。如下图:
在层面板中,将该层设置成为隐藏。打开页面的时候不显示。层面板状态,如下图:
3、单击图片,打开行为面板(「窗口」菜单>行为)。在行为面板按“+”号,在弹出菜单中选中显示-隐藏层,如下图:
系统弹出显示-隐藏层对话框。单击该层,然后单击“隐藏”按钮。确定。
打开“行为”面板,如下图:
4、我们可以在面板中看到事件和行为。需进一步对事件进行设置。单击“onLoad”,在下拉菜单中选择“onMouseOut”,如下图:
4、上述方法是鼠标移出事件行为的设置,重复以上方法再对鼠标移上事件行为进行设置,把显示-隐藏层设为(显示),如下图:
行为事件设置,如下图:
设置后的“行为”面板最终结果,如下图:
5、保存页面,预览网页。可以看到光标移动到菊花图片上就出现右侧的内容。下面给出一些常见事件的一些解释
onClick 单击
onDbclick 双击
onKeypress按键
onMouseDown鼠标按下
onMouseOut鼠标移出
onMouseOver鼠标移上
onMouseUp鼠标抬起。
行为是一个很有用的交互手段。由于行为的门类繁多,也较复杂。
一、单项选择题(每个题只有一个选项是正确的。每题3分,共60分) 1.关于网页中的换行,说法错误的是( A )。 A.可以直接在HTML代码中按下回车键换行,网页中的内容也会换行 B.可以使用
标签换行 C.可以使用标签换行 D.使用
标签换行,行与行之间没有间隔;使用标签换行,两行之间会空一行 2.下图为Dreamweaver8的新建文档页面,一般情况下,创建完全空白的静态页面应选择( A )。 A.基本页类别中的“HTML”选项 B.基本页类别中的“HTML模板”选项 C.框架集类别中的选项 D.入门页面中的选项 3.关于超链接,下列(C )属性是指定链接的目标窗口。 A. Href B. Name C. Target D. Title 4.使用Dreamweaver8将任一个单元格拆分为3行的操作正确的是( B )。 A.选择表格属性栏“拆分”对话框,设置列数为3 B.选择表格属性栏“拆分”对话框,设置行数为3 C.右键选择菜单→表格→插入行 D.直接单击“Tab”键两次
5. 如果要在网页中插入日期,最常用的操作应( D )进行设置。 A. 点击标志1 B. 点击标志2 C. 点击标志3 D. 点击标志4 6. 以下( A )属性不属于表单标记