首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 计算机考试 > 软件考试 > 复习指导 >

Dreamweaver教程(21)

2009-02-19 
行为事件
    行为是实现网页上交互的一种捷径,Dreamweaver MX 2004 行为将 javascript 代码放置在文档中,以允许访问者与 Web 页进行交互,从而以多种方式更改页面动作或执行某些任务。行为是事件和由该事件触发的动作的组合。
  下面我们来学习行为的用法。现在,举个例子加以说明。光标移到图片上面。在它的右侧即显示一段其它内容(动画)。请您用鼠标测试,然后,我们来分析一下这个过程。

  请您操作鼠标在花上移入移出
  这是两个行为:行为一:移入+显示;行为二:移出+隐藏。
  事件是:鼠标移入和移出。动作是:显示和隐藏。
  具体操作如下:
  1、 在页面中插入一张图片,本例为菊花图片。
  2、 在页面中插入一个层,贴入几个动画小人。


  在层面板中,将该层设置成为隐藏。打开页面的时候不显示。层面板状态.
  3、 单击图片,打开行为面板(「窗口」菜单>行为)。在行为面板按“+”号,在弹出菜单中选中显示-隐藏层.
系统弹出显示-隐藏层对话框。单击该层,然后单击“隐藏”按钮。确定。
打开“行为”面板,如下图:
  4、 我们可以在面板中看到事件和行为。需进一步对事件进行设置。单击“onLoad”,在下拉菜单中选择“<A>onMouseOut”.
  5、上述方法是鼠标移出事件行为的设置,重复以上方法再对鼠标移上事件行为进行设置,把显示-隐藏层设为(显示).
  行为事件设置
  设置后的“行为”面板最终结果.
  6、 保存页面,预览网页。可以看到光标移动到菊花图片上就出现右侧的内容。
  下面给出一些常见事件的一些解释
  onClick 单击
  onDbclick 双击
  onKeypress按键
  onMouseDown鼠标按下
  onMouseOut鼠标移出
  onMouseOver鼠标移上
  onMouseUp鼠标抬起。
  行为是一个很有用的交互手段。由于行为的门类繁多,也较复杂。

 


3COME考试频道为您精心整理,希望对您有所帮助,更多信息在http://www.reader8.com/exam/

热点排行