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

资讯 驱动中国 somesun 3,069 次阅读 0 条评论
分享 Q

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

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

 


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

 

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

 

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

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

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

    具体操作如下:

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

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

 

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

 

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

 

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

 

 

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

 

 

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

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

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

 


 

 

 

#p#分页标题#e#

 

 

 

 

 

 

 

 

 

 

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

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

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

    具体操作如下:

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

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

 

 

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

 

 

 

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

 

 

版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系 editor@qudong.com
本文价值 成为第一个评分的人
登录后为本文打分
网友评论0 条评论
正在回复 的评论取消
评论加载中…
🔐

登录后参与互动

评论、点赞均可赚积分
连续签到、邀请好友也有奖励 🎁

电脑端: 微信扫码登录 微信内: 一键登录

微信扫一扫

打开微信「扫一扫」,分享本文到朋友圈或好友