DW中的行为

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
8、检查插件:检查访问者的计算机中是否安装了特 定的插件,从而决定将访问者带到不同的网页。 9、检查浏览器:根据访问者使用的浏览器版本的不 同,来决定访问不同的网页,以提高网页的兼容性。 10、检查表单:检查特定文本框内容,确认用户是否 键入了正确的数据类型。将这个动作附加到单独的文 本框,可以使用onBlur事件,来检查用户填入 的表单域,或者用onsubmit,在用户单击发 送按钮时来检查多个文本框。
onafterupdate,onsubmit 鼠标事件: onclick,ondbclick,onerror,onfocus,onhelp,on mousedown,onmousemove,onmouseout,onm ouseup,onmouseover,onmove,onscroll,....... 键盘事件onkeydown,onkeyup。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
8.1.1 行为的添加 [窗口]|[行为]打开行为面板,+用于添加行为,—删 除事件和行为,上下按纽可以移动所选的动作,一个 特定事件的动作将按照指定的顺序执行。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
8.1.2 常见事件 表单事件:onChange 页面事件:,onLoad,onUnload,onabort,
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
实例五、交换图象的使用 1、建立站点和文件夹。 2、插入多幅图象,分别命名为image1,image2等;在 下一行再插入一幅图象,命名为image8。 3 3、选中image1,打开行为面板,添加交换图象行为。 image1, 在对话框中图象处选择image8,在设定原始档处输入要 替换的图象文件(image1相同的文件);将事件选为 onmouseover。(即当鼠标经过image1时,image8的图 象进行变换) 4、对其他image2,image3等也进行相同的设置。 5、进行预览。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
实例六、利用“拖动层”行为来实现拼图游戏。 1、在fireworks或其他图象处理软件中将图象分割好 并保存为不同文件。 2、在文档中插入一个层,在层中插入图象1。 3、选中层中的图象,打开行为面板添加“拖动层” 行为。在对话框中选择正确的层,并输入目标等数 值,将事件选为onmousemove。 4、再插入多个层,分别将分割好的图象插入,并 重复3中的步骤。 5、进行预览。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
实例二、图片放大 1、建立站点和文件夹。 2、在文档中插入一个图象,将该图象缩小。 3、在小图象上方插入一个层,在层中再次插入该图 象但不缩小。 4、打开层面板,将层隐藏。 5、选中小图象,打开行为面板,添加两个“显示-隐 藏层”行为,分别将事件和动作选为onmousemove\ 显示、onmouseout\隐藏。 6、预览观看效果。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
实例八、创建网站相册 使用创建网页相册命令可以快速地为大量图片建立网 站相册,但是要保证已经安装了fireworks图象处理软 件。步骤: 1、建立一个新站点,将根文件夹命名为myphoto,将需 要建立相册的图片文件夹image拷入myphoto 。 2、在站点中建立一个新页面,选择[命令]|[创建网页 相册],在对话框中输入相册的名字,选择相册的源文 件夹为myphoto/image,选择目标文件夹为myphoto,再 根据需要对其他参数进行设置。在fireworks对图片进 行处理的过程中,耐心等待直到相册创建完毕。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
8.1.2 常见动作 1、 播放声音:选择动作后在对话框播放声音处输入 声音文件的路径和文件名。 2、打开浏览器窗口:打开一个新的浏览器窗口,在 其中显示所指定的网页文档。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
3、弹出信息:显示一个指定的提示信息框。选择 onmousemove事件和弹出信息动作,在对话框中输入 要显示的信息即可。 4、改变属性:在属性面板中给对象取好名字,打开 改变属性对话框;在对话框中先选择对象类型,再 选择对象的属性,再在新的值对话框中输入新的值。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
实例一、音乐点播(播放音乐行为使用) 步骤: 1、建立网页,插入四个层,在每个层内插入一幅图 象,再在每幅图象上建立一个热点。 2、为每个热点添加行为,选中热点,在行为面板中 选择播放声音行为(事件为click),在弹出,单击时将播放音 乐。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
实例七、友情链接 如果网页上的链接是针对其他网站的,希望在单击链 接时,能看到连接的页面同时又不退出自己的站点, 这时可以使用“打开新的浏览器窗口”行为。 步骤: 1、编辑好自己的页面,插入三个用于链接的图片, 分别指向网易、新浪和搜狐。 2、选择网易的图片,添加“打开浏览器窗口”行为, 在对话框中填入要转向的URL,并设置新窗口的大小 等。 3、为其他图片做相同的行为添加,按F12进行预览。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
11 、转到URL:可以在当前窗口或指定框架内 打开一个新的页面。 12 、控制FLASH或SHOCKWAVE:可 以控制FLASH的播放\停止等。 13 、显示——隐藏层:改变一个或多个层的可见 性,利用这个动作可以制作处许多特殊效果。运用这 个动作时,首先要制作隐藏的层,再对层的可见性进 行设置。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
实例三、制作带有提示效果的页面 1、建立站点和文件夹。 2、插入层1,在其中插入要显示的图象。 3、插入层2,在其中输入要显示的说明性文字。 4、将层2设为隐藏。 5、选中层1,添加两个“显示-隐藏层”行为,分别 为onmouseclick\显示,onmouseout\隐藏。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
实例四、动态菜单制作 1、建立站点和文件夹。 2、在文档中输入一行文字“热门栏目 电脑应用 新 闻中心 ”等。为每一部分文字建立空链接。 3、插入一个描绘层,在层中插入一个四行一列的表 格,在每个单元格中输入需要的文字,将该层设置为 隐藏。用同样的方法插入多个描绘层。 4、选中热门栏目,打开行为面板,添加“显示-隐藏 层”行为,事件和动作分别选为onmousemove和显示; 再添加一个“显示-隐藏层”行为(onmouseout,隐 藏)。
为其他图片做相同的行为添加按f12进行预览网页开发工具第八讲行为实例八创建网站相册使用创建网页相册命令可以快速地为大量图片建立网站相册但是要保证已经安装了fireworks图象处理软件
第八讲
DW中的行为 中的行为
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
8.1 行为 行为能够为网页添加许多功能,比如弹出消息 框、显示或隐藏一个层等等。 一个行为是由一个事件所触发的动作组成的, 因此行为的基本元素有两个:一个是事件 事件,一个 事件 是动作 动作。 动作 例如当访问者把鼠标移动到一个链接上时, 这个链接就产生了一个鼠标经过事件 (onmousemove),如果为这个事件添加了动作, 则动作被执行。
《网页开发工具》第八讲 行为 网页开发工具》 网页开发工具
5、设置导航条属性:用插入导航条工具按纽插入导 航条后不能再打开修改,此时可以用“设置导航条图 象”行为来重新设置。(选中导航条,在行为面板中 双击事件下方的名称) 6、交换图像:可以将一个图像替换为另一个图像。 7、恢复交换图像:将替换的图像恢复为原始的图像 文件,在制作交换图像时将“鼠标滑开时恢复图像” 选项勾选就相当于添加了“恢复交换图像”动作。
相关文档
最新文档