Dreamweaver教程:行为事件

花开莫奈何

花开莫奈何

2016-02-19 21:18

下面请跟着图老师小编一起来了解下Dreamweaver教程:行为事件,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

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

  

  

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

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

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

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

  具体操作如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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

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

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


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

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

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

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

  行为事件设置,如下图:

展开更多 50%)
分享

猜你喜欢

Dreamweaver教程:行为事件

Web开发
Dreamweaver教程:行为事件

Dreamweaver的行为体验

Web开发
Dreamweaver的行为体验

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Dreamweaver教程:Dreamweaver的插件

Web开发
Dreamweaver教程:Dreamweaver的插件

Dreamweaver教程:怎样用好Dreamweaver

Web开发
Dreamweaver教程:怎样用好Dreamweaver

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Dreamweaver教程:定义站点

Web开发
Dreamweaver教程:定义站点

Dreamweaver教程:创建页面

Web开发
Dreamweaver教程:创建页面

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用Dreamweaver轻松实现多彩的文字链接

用Dreamweaver轻松实现多彩的文字链接

打造SQL Server2000的安全策略

打造SQL Server2000的安全策略
下拉加载更多内容 ↓