庞大资源库的计算机教程网站!
设为首页
加入收藏
总编信箱
投稿或申请专栏请先 [登 陆]
首页 操作系统 程序设计 图形图像 媒体动画 机械电子 WEB开发 数 据 库 办公系列 路由技术 网络原理 网络应用
认证考试 安全技术
首页>WEB开发>DreamWeaver>DW2004专题>正文
资料搜索
Google搜索
Google
返回上级列表

推荐文章

快速保存网页中所有图片的方法
Windows中让光驱巧妙“隐身”技
防范非法用户入侵Win 2000/XP系
两款比较典型的ASP木马防范方法
有关表格边框的css语法整理
Windows XP中可以被禁用的服务
SQL Server导出导入数据方法
Javascript所有对象的属性的获
网页(HTML)中的特殊字符
与篮球共舞,尽显模式本色
QQ病毒的手工清除方法
Photoshop为极品美女打造性感睫
天衣无缝:IIS与PHP水火也相容
SQL Server存储过程编写和优化

Dreamweaver MX 2004入门教程行为事件

 作者:本站收集   日期:2005-3-17
字号选择〖 〗/ 双击滚屏 单击停止   


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

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


请您操作鼠标在花上移入移出
  这是两个行为:行为一:移入+显示;行为二:移出+隐藏。
   事件是:鼠标移入和移出。动作是:显示和隐藏。
   具体操作如下:

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

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


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


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

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

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

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

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

  行为事件设置,如下图:

  设置后的“行为”面板最终结果,如下图:

  5、 保存页面,预览网页。可以看到光标移动到菊花图片上就出现右侧的内容。

  下面给出一些常见事件的一些解释

  onClick 单击

  onDbclick 双击

  onKeypress按键

  onMouseDown鼠标按下

  onMouseOut鼠标移出

  onMouseOver鼠标移上

  onMouseUp鼠标抬起。

  行为是一个很有用的交互手段。由于行为的门类繁多,也较复杂。本教程只能介绍一些入门知识,如果你想了解更多的内容,请浏览行为专题教程

上一篇:Dreamweaver MX 2004入门教程层及应用    下一篇:Dreamweaver MX 2004入门教程发布网站  
[发送给好友]  [关闭窗口]  [返回顶部]   转载请注明来源:www.it00.com   
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
责任编辑: 原点 投稿作者: 本站收集
信息来源: 网络 录入时间: 2005-3-17
关于我们 - 广告服务 - 版权申明 - 网站地图 - 联系方式 - 总编信箱 - 会员投稿