网站首页 工具软件 操作系统 办公软件 网页制作 PHP教程 script脚本专栏 photoshop教程 其他精品教程
我发布的文章 - 教程搜索 - 交流论坛 - 帮助中心 - 网站首页 网络工具 - 常用工具 - 媒体工具 - 系统工具 - 实用工具 NT/2003 - Win Xp - Win2000 - DOS/Win9x - IE/注册表 - Linux - 苹 果 Office - Word - Excel - PowerPoint - 输入法 - 邮件处理 Flash - Dreamweaver - Fireworks - FrontPage - HTMLCSS 基础文章 - PHP函数 - PHP技巧 - 数据库相关 - 高级应用 - PHP安装 - 转载精华 - 常见问题 综 合 类 - 状 态 栏 - 游 戏 类 - 页面背景 - 页面特效 - 页面导航 - 文本操作 - 文本特效 - 图形特效 - 鼠标特效 - 时间日期 - 密 码 类 文字特效 - 按钮与图标 - 色彩运用 - 滤镜魔法 - 综合实例 XML教程 - DELPHI基础教程 - VB教程
首页 -> 网页制作 -> Fireworks

TOP

Fireworks4翻转图像
文章内容
相关信息
用户评论
文章内容
    除了创建按钮之外,Fireworks 还可以让您轻松的创建一个奇异的 Javascript 翻转效果。例如,当鼠标指针滑过一个按钮,除了改变这个按钮的显示状态,您还可以让它改变在这一页中的其他区域的显示,在 Fireworks 中,这种翻转效果被称作不相交翻转( disjoint rollover)。

  加入引发翻转的图象
  

  1,打开图象

  2,选择菜单上的Insert > Slice,给图象加上切片

  加入新的帧

  1,在frames(帧)面板上加入新的帧

  2,选中新增加的这一帧

  3,用矩形工具画和一个切片同样大小的长方形

  加上拖放behavior

  1,选中切片

  2,将指针点中切片中心的behavior控制手柄,这时指针将变为手的形状   

  3,按住behavior控制手柄从中心往切片左上角拖动,这时就会出现一条蓝色的线条,同时会弹出一个窗口,在下拉的菜单上选择frame2   

  4,点击preview标签,就可以预览到翻转的效果了速度

  创建一个不相交翻转

  1,选中frame2

  2,用文字工具输入文字

  3,选择菜单上的Insert > Slice,将文字变为切片

  4,点中上面的切片上的behavior控制手柄,拖向下面的文字切片
  


  5,在弹出的窗口的弹出菜单上确定选中了frame2

  6,这样就会建立一个不相交翻转,当鼠标掠过上面的图象时就会显示下面的文字

相关信息
Fireworks4翻转图像
发布者:lfj
浏览量:126
发布日期:2005-03-08 13:36:54
所属专题:
用户评论
称  呼:
内  容:

广告位

广告招租,欢迎抢订

热门信息

·Fireworks MX使用教程--..
·Fireworks MX使用教程--..
·Fireworks MX使用教程--..
·Fireworks MX使用教程--..
·Fireworks网页设计综合实例1
·Twist and Fade 3.0操作界..
·巧用Fireworks设计印章
·Fireworks 2004:远古兽皮卷轴

推荐信息