网站首页 | 图形处理 | 网页设计 | 编程学习 | 操作系统学习 | 办公软件学习 | 常用软件学习 | 视频教程 | 设计作品欣赏| IT认证 | 设计素材下载 | 常用软件下载


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


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

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

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

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

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

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

具体操作如下:

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

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

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

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

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

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

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

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

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

具体操作如下:

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

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

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

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



  • 上一篇教程:
  • 下一篇教程:

  •  
    推荐

    最新
    · Frontpage2000中定义CSS…
    · FrontPage制作鼠标光照特…
    · Frontpage2000教程---插…
    · FrontPage基础教程 表单…
    · Frontpage网页设计---制…
    · FrontPage转换图片格式
    · Frontpage技巧
    · Frontpage制作网页特效
    · frontpage教程---网页 样…
    · frontpage2002技巧之二

     

    没有任何图片教程



    本站提供大量Photoshop照片处理,语言编程,网页设计制作,windows系统等软件在线实例教程,欢迎你投稿你的设计作品.lhy514251@163.com

    粤ICP备06081596