logo 广告
Loading...
 导航 所在位置:论坛首页 -> ┈┋电脑网络┋┈ -> 图象媒体技术应用 -> 轻松解决Fireworks菜单位置偏差
回复
标题:轻松解决Fireworks菜单位置偏差收藏 编辑 删除 楼主 | 上一篇 下一篇
我不是不懂
头像
等级:社区游民
权限:普通用户
积分:14
金钱:1933
声望:16
经验:16
发帖数:440
注册:2007年12月1日
资料 短消息2007-12-13 14:33:12
Fireworks 可以制作各种特效弹出菜单,但是,当你把在Fireworks4 中制作的弹出菜单输入到一个HTML文件中预览时就会发现,菜单出现的位置往往会有较大偏差。经过无数次的调试和摸索,终于总结出几点经验,特写出来和大家一起分享。我发现引起位置偏差的原因主要有三点:

  1、改变了引发装置的位置——弹出菜单的引发装置(热区、按钮或者带链接的图片等)在Dreamweaver 页面中的位置和在Fireworks 画布中的位置不同。


  2、浏览器留边——没有把页面的margins属性设置为“0”。


  3、引发装置相对定位——引发装置不是绝对定位的。


  一、引发装置的绝对定位

  当Fireworks 输出一个带有弹出菜单的文件时,程序会自动创建一个javascript 文件(fw_menu.js),它给出了下级菜单的位置,而这个位置是根据下级菜单距离画布左边和上边的绝对像素来定位的,这个绝对定位也被带到了HTML页面。当你在Dreamweawer 中改变引发装置的位置时,下级菜单将依然出现在原来的位置而不会跟着引发装置改变。我们还是来看一个引发装置位置改变实例吧:


  在Fireworks 的画布中创建一个引发装置(按钮)和它的下级菜单(如图1),请注意按钮和菜单各自的定位。按钮的位置在画布的左上角,W和H的位置是150和50,X和Y坐标的位置是0和0。但是,下级菜单左上角距离画布左边和上边的位置为50,即X和Y坐标的位置是50和50。



图1


  然后把生成的Fireworks HTML 代码插入到Dreamweaver 中(Insert→Interactive Images→Fireworks HTML)。然而按钮在Dreamweaver 页面中的位置并没有安排和Fireworks 画布中一样的位置,而是距离页面左边50、上边60个像素(如图2),虽然按钮的位置改变了,但是下级菜单的位置并没有一起改变,这样在浏览器中下级菜单出现的位置肯定就会有较大偏差。



图2


  解决的办法就是通过修改HTML代码来修改下级菜单的定位。在Dreamweaver 中选中弹出菜单的引发装置,


  切换成HTML 代码视图,相关代码会变成高亮状态。

进入讨论组讨论。

  找到以下“window.FW_showMenu(window.fw_menu_0,50,50)”的文字,最后2个数字就是代表下级菜单的X和Y坐标的绝对位置。将这2个数字修改为你希望的位置即可。保存后预览,一切恢复正常。


  二、浏览器留边

  如果浏览器留边没有被设置成“0”,同样可能会引起下级菜单的定位不准确——这个解决的办法就容易了,只要重设浏览器margins 值就可以,在Page Properties中将页面的margins值设为“0”(如图3)。




·Fireworks简单方法打造网页“闪字”动画
签名

2007-12-13 14:33:12 顶部
第1页 共页 共0个回复     <<    >>    
 快速回复
  • 支持UBB,HTML标签

  • 高级回复

  • 操作选项:评分 加精 解精 奖惩 设专题 设公告 解公告 固顶 总固顶 解固顶 结帖 解结帖 锁帖 解锁 移帖 删帖
      首页 | 购买指南 | 虚拟主机 | 特色介绍 | 下载中心 | 支付方式
    Copyright 2004-2008 BBSGood.com Powered By: BBSGood.Speed Version 5.0
      咨询电话:0575-85513832、0575-85513825(传真)、7*24小时咨询服务:13606552007 不良信息举报中心 浙ICP备05029817号
      业务QQ:38958768、客服QQ1:415896239、客服QQ2:343896043、MSN:jccsxx@hotmail.com