中华网通行证
用户名 密码

Dreamweaver MX 2004简体中文版进阶教程(十一)

之行为事件
中华网科技 http://tech.china.com
进入BBS】【进入聊天室】【浏览字号: 】【关闭窗口

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

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


    请您操作鼠标在花上移入移出
    这是两个行为:行为一:移入+显示;行为二:移出+隐藏。
    事件是:鼠标移入和移出。动作是:显示和隐藏。
  具体操作如下:

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

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


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


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

   


 
 来源:中国学习联盟
相关教程

Dreamweaver MX 2004简体中文版进阶教程(一) 之可视化操作iframe
Dreamweaver MX 2004简体中文版进阶教程(二) 之滚动字幕
Dreamweaver MX 2004简体中文版进阶教程(三) 之弹出菜单
Dreamweaver MX 2004简体中文版进阶教程(四) 之Dreamweaver的插件
Dreamweaver MX 2004简体中文版进阶教程(五) 之弹出窗口
Dreamweaver MX 2004简体中文版进阶教程(六) 之添加背景音乐
Dreamweaver MX 2004简体中文版进阶教程(七) 之操作框架
Dreamweaver MX 2004简体中文版进阶教程(八) 之创建模板
Dreamweaver MX 2004简体中文版进阶教程(九) 之应用模板
Dreamweaver MX 2004简体中文版进阶教程(十) 之层及应用
Dreamweaver MX 2004简体中文版进阶教程(十一)之行为事件
Dreamweaver MX 2004简体中文版进阶教程(十二)之发布网站

中华网搜索
站内搜索
全网搜索


科技频道主编信箱