当前位置:w88优德官网网文章中心网站设计软件应用 → Dreamweaver教程:行为事件

Dreamweaver教程:行为事件

减小字体 增大字体 作者:admin  来源:www.hack50.com  发布时间:2012-5-21 9:35:38

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

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

Dreamweaver教程:行为事件(图一)
     

    Dreamweaver教程:行为事件(图二)

    Dreamweaver教程:行为事件(图三)

    Dreamweaver教程:行为事件(图四)

    Dreamweaver教程:行为事件(图五)

    Dreamweaver教程:行为事件(图六)

    Dreamweaver教程:行为事件(图七)

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

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

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

    具体操作如下:

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

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

    Dreamweaver教程:行为事件(图八)

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

    Dreamweaver教程:行为事件(图九)

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

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

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

    Dreamweaver教程:行为事件(图一) 
     

    Dreamweaver教程:行为事件(图二)

    Dreamweaver教程:行为事件(图三)

    Dreamweaver教程:行为事件(图四)

    Dreamweaver教程:行为事件(图五)

    Dreamweaver教程:行为事件(图六)

    Dreamweaver教程:行为事件(图七)

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

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

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

    具体操作如下:

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

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

    Dreamweaver教程:行为事件(图八)

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

    Dreamweaver教程:行为事件(图九)

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

    Dreamweaver教程:行为事件(图十)
    本文作者:

    本文引用网址:
    在下列搜索引擎中搜索“Dreamweaver教程:行为事件”的相关信息:
    谷歌搜索 百度搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
    你可能还喜欢以下文章
  • 1雨后小故事、雨后小故事01动态...
  • 2华航空姐艳照门图片20P完整版 ...
  • 3有钱人都开什么车?系数国内IT...
  • 4怎么做爱舒服?真人示范做爱姿...
  • 5干露露拍人体艺术照疯传 干露露...
  • 1百度联盟:哪些做法会被认为是...
  • 2开心网将上线14款应用 电子商务...
  • 3网络红人如何赚钱?我要成为网...
  • 4Discuz!不能正常发送邮件-DISC...
  • 5织梦CMS读取频道信息失败 无法...
  • 1粉小狞是谁?粉小狞微博晒粉色...
  • 2中国女大学生的淫靡生活
  • 315岁初三女生求包养 聊天记录曝...
  • 4林晨钰爆奶门视频qvod 林晨钰爆...
  • 5大学男生闯女浴室偷拍女生洗澡...
  • 1如何做服务器安全维护?有哪些...
  • 2Windows Server 2003 安全性指...
  • 3用Webmin和VSFTP搭建FTP服务器...
  • 4菜鸟入门之centos的文件夹权限...
  • 5卡巴斯基:2008年5月二十大恶意...
  • 赞助商广告

    图片文章导读