考试首页 | 考试用书 | 培训课程 | 模拟考场 | 考试论坛  
  当前位置:设计制作 > DREAMWEAVER > 文章内容
  

Dreamweaver教程:行为事件

 [ 2017年8月31日 ] 【

  行为是实现网页上交互的一种捷径,Dreamweaver MX 2004 行为将 javascript 代码放置在文档中,以允许访问者与 Web 页进行交互,从而以多种方式更改页面动作或执行某些任务。行为是事件和由该事件触发的动作的组合。

  下面我们来学习行为的用法。现在,举个例子加以说明。看下图,光标移到图片上面。在它的右侧即显示一段其它内容(动画)。请您用鼠标测试,然后,我们来分析一下这个过程。

  

Dreamweaver网页制作教程:行为事件

  

Dreamweaver网页制作教程:行为事件

  

Dreamweaver网页制作教程:行为事件

  

Dreamweaver网页制作教程:行为事件

  

Dreamweaver网页制作教程:行为事件

  

Dreamweaver网页制作教程:行为事件

  

Dreamweaver网页制作教程:行为事件

  请您操作鼠标在花上移入移出

  这是两个行为:行为一:移入+显示;行为二:移出+隐藏。

  事件是:鼠标移入和移出。动作是:显示和隐藏。

  具体操作如下:

  1、 在页面中插入一张图片,本例为菊花图片。

  2、 在页面中插入一个层,贴入几个动画小人。如下图:

  

Dreamweaver网页制作教程:行为事件

  在层面板中,将该层设置成为隐藏。打开页面的时候不显示。层面板状态,如下图:

  

Dreamweaver网页制作教程:行为事件

  3、 单击图片,打开行为面板(「窗口」菜单>行为)。在行为面板按“+”号,在弹出菜单中选中显示-隐藏层,如下图:

  

Dreamweaver网页制作教程:行为事件

  行为是实现网页上交互的一种捷径,Dreamweaver MX 2004 行为将 javascript 代码放置在文档中,以允许访问者与 Web 页进行交互,从而以多种方式更改页面动作或执行某些任务。行为是事件和由该事件触发的动作的组合。

首页 1 2 尾页
本文纠错】【告诉好友】【打印此文】【返回顶部
将考试网添加到收藏夹 | 每次上网自动访问考试网 | 复制本页地址,传给QQ/MSN上的好友 | 申请链接 | 意见留言 TOP
关于本站  网站声明  广告服务  联系方式  站内导航  考试论坛
Copyright © 2007-2013 中华考试网(Examw.com) All Rights Reserved