中国设计联盟
联网
Dreamweaver Flash Photoshop 其它周边 web标准 asp php .net CSS WAP网站攻略 专题
域名注册 虚拟主机 广州网站设计 域名注册 广州网站建设 上海网站建设 虚拟主机 广州网页设计  虚拟主机 域名注册 acg王国 ACG玩家
求创科技
上海网站建设
中国福网
招聘求职
中国互联
中国设计秀
中资源
当前位置:网络学院首页 >> 设计教程 >> Dreamweaver >> Dreamweaver MX 2004简体中文版进阶教程(十一) 之行为事件

Dreamweaver MX 2004简体中文版进阶教程(十一) 之行为事件

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

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

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

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

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

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

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

系统弹出显示-隐藏层对话框。单击该层,然后单击“隐藏”按钮。确定

 打开“行为”面板,如下图

4、 我们可以在面板中看到事件和行为。需进一步对事件进行设置。单击“onLoad”,在下拉菜单中选择“<A>onMouseOut”,如下图:

4、上述方法是鼠标移出事件行为的设置,重复以上方法再对鼠标移上事件行为进行设置,把显示-隐藏层设为(显示),如下图:

  行为事件设置,如下图:

设置后的“行为”面板最终结果,如下图

 5、 保存页面,预览网页。可以看到光标移动到菊花图片上就出现右侧的内容。

  下面给出一些常见事件的一些解释

  onClick 单击

  onDbclick 双击

  onKeypress按键

  onMouseDown鼠标按下

  onMouseOut鼠标移出

  onMouseOver鼠标移上

  onMouseUp鼠标抬起。

  行为是一个很有用的交互手段。由于行为的门类繁多,也较复杂。

0
顶一下
2005-08-31 16:46:22    出处:
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口