rollover效果.docVIP

  1. 1、本文档共16页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
创建 rollovers 效果概述   Button Editor(按钮编辑器)允许你使用单一的切割来传达视觉效果。有时你可能需要创建一些比按钮编辑器中所能够创建的更为复杂的 rollover 行为。例如,你可能想要创建一个不相交的 rollover 效果——在远离光标的区域显示一幅图像,或是想要创建一个当光标经过图像时出现的可定义的弹出菜单。   本章讲述了怎样使用切割和帧建立简单的和复杂的 rollover 效果。本章还讲述了怎样创建弹出菜单。   Fireworks 将切割对象、热区对象、以及拖放行为作为创建 rollovers 效果的基本构件。使用拖放行为你可以把切割和热区链接到目标切割上,这样就会创建出 rollover 效果和替换图案效果。   关于 rollovers 效果   所谓 JavaScript rollovers 效果是指当你移动光标经过图形或是点击该图形时,浏览器中的图形改变其外观。这种效果包括按钮和替换图案。   无论 rollovers 的形态如何,其工作原理都是一样的:当光标滑过或点击一个图形时触发另一个图形的显示。轮换图像应被放置在两个或更多的帧上。触发器通常是一个 Web 对象,也就是一个切割或热区。Web 对象可以被指派一个或更多的行为。   最简单的 rollovers 效果就是直接把第一帧上的图像替换为它下面第二帧的图像。你可以建立更为复杂的 rollovers 效果:替换图案效果可以从任意帧上替换图像;不相交的 rollovers 效果可以在远离光标区域显示图像。   使用行为面板创建简单的 rollovers 效果   一个简单的 rollover 效果是指当光标滑过或点击触发图像时,在光标下出现一幅新的图像。这是最容易建立的 rollover 效果,因为它只需要一个切割,其画布中的触发区域与目标区域是相同的。   一个简单的 rollover 效果通常把替换的图像放在第二帧上。   建立切割、图像、和帧   创建一个简单的 rollover 效果需要两个阶段。第一个阶段包括建立切割,产生效果的两幅图像以及存放它们的帧。尽管组成 rollover 效果的两幅图像在画布中处于同一位置,但它们却不在同一帧上。    为简单 rollover 效果建立切割、图像和帧: 1 选择你想要触发 rollover 效果的图像。 2 选择 Insert - Slice(插入 - 切割)给图像分配一个切割。 3 使用帧面板建立一个新的帧: 选择 Window - Frame(视窗 - 帧),然后点击 New/Duplicate Frame(新建/复制 帧)按钮。 注: 如果你已经有了第二帧,那么你就不必再另建一个帧。 4 如果新建的帧没有被高亮显示,在帧面板上选择它。 5 在画布上切割所占据的区域放置第二幅图像: 使用绘制和编辑工具来创建图形。 导入或拖动一个图形到切割上。   给切割应用简单的 rollover 行为   当建立了图像与帧后,你就可以给切割应用简单的 rollover 行为。    应用简单的 rollover 行为: 1 选择切割。 注:切割在两个帧间是共享的。如果你已经打开 Show Hotspots and Slices(显示热区和切割),不管你在哪个帧中工作切割都将是可见的。 2 选择 Window - Behaviors(窗口 - 行为)来打开行为面板。 3 从 Add Action(+)(添加动作)弹出菜单中选择 Simple Rollover(简单 Rollover 效果)   使用行为面板  你可以使用行为面板来创建、编辑和删除指派给所选切割或热区的行为。   行为面板允许你创建其它类型的效果,允许你详细指定触发效果的事件的类型(例如点击)。在编辑现有行为时行为面板也给了你更多的灵活性。    使用行为面板给所选切割或热区指派行为: 1 点击行为面板上的 Add Action (+)按钮。 2 从 Add Action (+)弹出菜单中选择行为。   以下行为是可选的: Simple Rollover 创建一个使用第一帧作为 Up 状态,第二帧作为 Over 状态的 rollover 效果。一旦你选择了这个行为,你就必须在第二帧里创建一个图形,使用同一个切割来创建 Over 状态。这个选项实际上是一个包含了Swap Image 和 Swap Image Restore 的行为组。 Swap Image(替换图案) 使用切割下边另一帧的内容,或者使用外部文件的内容来替换指定切割的内容。 Swap Imag

文档评论(0)

638922bb + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档