《Dreamweaver教程第7讲动态HTML行为.ppt

动态HTML行为 □ 掌握时间轴动画的创作 □ 掌握行为的使用 □ 常用JavaScript的使用 时间轴动画的创作 行为的使用 JavaScript的应用 1、 概述 　　　　时间轴是Dreamweaver实现动画的一种方法，用户不需要编辑代码或使用任何ActiveX、Java或其他任何插件即可在网页上制作动画效果。时间线主要是通过改变层的位置、属性、可见性以及层的顺序来实现动画效果的。 2、 面板 □ 行为通道：当在某帧上加入行为后，用于帧要触发的行为。当动画播放到该位置时，将启动所设置的行为。 □ 动画通道：用于显示和控制网页中的时间线动画。在播放动画时，所有通道都同步进行。 3、 创建时间轴动画 　 　　 4、 编辑动画的路径 5、 生成自由路径的动画　 选择“修改/时间轴/录制层路径” 6、时间轴中加入行为 ①在时间轴面板中单击要插入行为的帧，将播放条移至该帧；  ②在该帧上右击，打开快捷菜单 1、行为概述 行为（Behavior）=事件（Event）+动作（ Action）。 它其实就是内置的JavaScript库，即不用写代码就可实现交互和网页的动态效果。 2、作用对象 整个文档（即body标记）、链接、图象、表单对象或任何其他的HTML元素，常用事件有onMouseOver、onMouseOut和onClick三种。 整个页面，常用的事件是onLoad。 3、Behavior面板 1、播放声音 □ 可以使用按钮增加行为，播放声音或是使用时间线来控制播放声音的时间 □ 在head标记中加入代码：bgsound src=name.mp3 autostart=true loop=infinite 如果需要控制面板则使用如下代码embed src=name.mp3 autostart=true loop=true hidden=true 2、打开浏览器窗口 3、弹出信息 4、Call Javascript 可以方便地加入JavaScript命令　如：alert(‘Hello world!’);(显示括号中的字符串） 5、改变属性 可以通过设定的动作触发行为,动态改变连接行为的对象属性，包括对象的颜色、尺寸和背景等。 6、检查插件 7、设置状态栏文本　 一般用于body标记 1、什么是JavaScript 它是一种基于对象和事件驱动并具有安全性能的脚本语言。 它与HTML、JAVA小程序一起实现在一个页面中链接多个对象，与Web客户交互作用，从而开发客户端的应用程序等。 它是通过嵌入或调入在HTML语言中实现的。 它实现了一种实时的、动态的、可交互的表达能力。 它是基于客户端运行的。 2、结构 书写在script语句内。 script language=“javascript” …… /script 如：document.write(h1Hello, World!/h1); 3、Javascript程序放置位置 标记的属性中调用 网页的body/body或head/head里 外部.js文件里 4、编写 它也是用文本格式编写，由语句、语句块和注释构成。 一个 Javascript 程序就是一个语句的集合。 注：一般来说，一句语句写在同一行内。不过，也可写成多行。此外，多句语句也可以通过用分号 (;) 分隔，写在同一行内。 5、实例讲解 6、学习网站 /online/ebooks/javascript/ (常用网页特效） 本讲学习了时间轴动画的创建，以及为页面内容添加行为的相关操作，常用网页特效的添加。 1、利用时间轴制作动画效果。 2、为页面内容添加相关行为。 3、简单JS效果实现。 CSS样式表 * 第7讲 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 目的要求 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 主要内容 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose P