当前位置:七道奇文章资讯设计学堂DW设计
日期:2009-10-28 21:38:00  来源:本站整理

<b>Dreamweaver 4 简明教程(8、为网页增添互动效果2)</b>[DW设计]

赞助商链接



  本文“<b>Dreamweaver 4 简明教程(8、为网页增添互动效果2)</b>[DW设计]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:

8、为增添互动效果

  制作更复杂的互动效果

  在中,更复杂的效果是通过一个叫Behaviors的功效实现的,Behaviors的从字面上理解是“行为”,我们又称为事件的呼应.通过元素的改变,如鼠标的移动、点击等“事件” (Events),触发弹出窗口,关闭页面等“呼应”(Actions),就是一个事件的呼应.而值得高兴的是,“行为”的制作历程几近是傻瓜式的.


  按Shift+F3,翻开行为面板,以下图:

 



  在加入行为,需求以下三个步骤:

  1、选取产生行为的元素,比方图片、带链接的文字、层等.假如需求在页面一载入就开始呈现效果,可以挑选状况栏上的标签
  2、按 按钮挑选一种呼应(差别的元素,对应的呼应也有所差别),并在随后的对话框中设置此呼应的属性;以下是可以供挑选的呼应阐明:

 



  Call javascript:呼唤一段JavaScript;

  Change Property:改变Html标签的CSS款式;

  Check Browser:按照差别的浏览器,进入差别的页面;

  Check Plugin:查抄浏览器能否装有必要的插件;

  Control Shockwave or :掌握Shockwave或动画的播放;

  Drag Layer:使浏览者可拖动层中的元素;

  Go To URL:链接到指定的网址;

  Jump Menu、Jump Menu Go:跳页式的菜单及Go按钮;

  Open Browser Window:翻开新浏览窗口;

  Play Sound:播放声音;

  Popup Message:弹出告诫窗口;

  Preload Images:提早读入图片;

  Set Nav Bar Image:设定导航栏的图片;

  Set Text:在特定的地方显示文字;

  Show Hide Layer:显示或躲藏层;

  Swap Image、Swap Image Restore:变更图片和恢答复来的图片;

  Timeline:掌握时间线的播放;

  Validate Form:考证表单的精确性;

  Get More Behaviors:更多的行为事件.


  3、 挑选事件(Events),决意在什么情形下触发呼应.常见的的事件有:

  onMouseOver:鼠标移到目标上;

  onMouseUp:按下鼠标再放开左键时;

  onMouseOut:鼠标移开时;

  onMouseDown:按下鼠标时(不需求放开左键);

  onClink:点击时;

  onDblClick:双击时;

  onLoad:载入时;

  onUnload:脱离页面时;

  onResize:当浏览者改变浏览窗口的大小时;

  onScroll:当浏览者拖动转动条的时.


  以上是“<b>Dreamweaver 4 简明教程(8、为网页增添互动效果2)</b>[DW设计]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • <b>hosts是什么 hosts文件在什么位置 若何改正hosts</b>
  • <b>在 Windows 8 中手动安装语言包</b>
  • <b>五个常见 PHP数据库问题</b>
  • Windows中Alt键的12个高效快速的利用本领介绍
  • <b>MySQL ORDER BY 的实现解析</b>
  • <b>详解MySQL存储历程参数有三种范例(in、out、inout)</b>
  • <b>Win8系统恢复出来经典的开始菜单的办法</b>
  • <b>Win8系统花屏怎么办 Win8系统花屏的办理办法</b>
  • <b>Windows 7系统下无线网卡安装</b>
  • <b>为什么 Linux不需求碎片整理</b>
  • <b>Windows 8中删除账户的几种办法(图)</b>
  • <b>教你如安在win7下配置路由器</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .