动态网站制作指南



当前位置 > 网站建设学院 > 图形图象 > Fireworks教程 Rss

如何修改Fireworks弹出菜单的位置


发表日期:2005-7-2


如何修改fireworks弹出菜单的位置

资料来源:Macromedia Top TechNotes
全文编译:spikal

多数时候,当你把在Fireworks4中制作的弹出菜单输入到一个HTML文件中预览时会发现,菜单出现的位置并非如你所愿。

引起错误的原因 以下将根据上面不同的错误原因给出解决方案。

原因一:引发装置的的绝对定位改变

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

如果你还是不明白的话,我们来看一个引发装置位置改变实例:

1名开发者在Fireworks的画布中创建了一个引发装置(按钮)和它的下级菜单。请注意按钮和菜单各自的定位。


接着这名开发者把生成的Fireworks HTML代码插入到Dreamweaver中(Insert->Interactive Images->Fireworks HTML),然而按钮在Dreamweaver页面中的位置并没有被放在和Fireworks画布中一样的位置,而是距离页面的左边和上边各有100个象素,虽然按钮的位置改变了,但是下级菜单的位置并没有一起改变。


解决方案一:在HTML代码中重新设置下级菜单的位置

你可以通过修改HTML代码来修改下级菜单的定位。

  1. 在Dreamweaver中选中弹出菜单的引发装置。
  2. 切换成HTML代码的编辑界面,相关代码会变成高亮状态。
  3. 在相关代码中找到以下的文字:
    "window.FW_showMenu(window.fw_menu_#,#,#)"
  4. 最后2个数字代表了下级菜单的X和Y坐标的绝对位置。
  5. 将这2个数字修改为你希望的位置。
  6. 保存后预览。
理由二:浏览器留边

如果浏览器留边没有被设置成“0”,将可能会引起下级菜单的定位不准确。

解决方案二:重设浏览器margins值

将本页的margins值设为“0”。

理由三:引发装置相对定位

因为弹出菜单是绝对定位的,而引发装置的相对定位可能使得最终效果在不同分辨率下看起来不一样,在某些分辨率下会产生偏差。

解决方案三:稳定引发装置

保证引发装置与窗口左边和上边的象素不发生变化,使用靠左对齐的排版方式,不要使用例如居中对齐的方式。
 
版权申明:传统媒体禁止转载,商业网站转载请联系,个人网站转载请注明出处,谢谢
关注此文的读者还看过:
·2012-2-7 20:37:55 水印效果制作方法多解
·2012-2-7 20:29:10 Fireworks做中国的青花陶瓷按钮
·2012-2-7 20:26:08 Fireworks画Menu条
·2012-2-7 20:22:56 Fireworks轻松绘制简单卡通海景画
·2012-2-7 20:20:53 Fireworks 8绘制精致指南针图案
·2012-2-7 20:20:34 Fireworks 巧制生肖鼠票
·2012-2-7 20:20:16 Fireworks巧绘精美闪图动画
·2012-2-7 20:18:29 用Fireworks描绘韩式风格的手提袋
·2012-2-7 20:16:30 Fireworks中制作线框运动
站长推荐 PS笔刷下载 在线翻译 系统进程 广告代码
  发表评论
姓 名: 验证码:
内 容:
教程搜索服务
项目外包信息
·找长期合作的网页设计师(切图+
·SNS 网站开发
·云南大蓄文化传播有限公司网站设
·药品代购网站
·FLASH网站汉化
·求高手帮我设计一个减肥产品网站
·flash首页制作(已有设计图)
·寻求长期外包人员
·网页页面修改
·北京地区 flash动画合作
·佛山网站建设+263企业邮箱找我。
·ecshop+Discuz! X2+ Home会员整
·寻找网站建设团队或者个人合伙
·LOGO设计外包
·企业网后台程序外包
发布信息 浏览信息
邮件订阅服务
输入你的邮件地址,你将不会错过任何关于<Fireworks教程>的内容


图形图象文章分类
Photoshop教程
Fireworks教程
Coreldraw教程
Flash教程
3Dmax教程
Maya教程
Director教程
Authorware教程
AutoCAD教程
Illustrator教程
Ulead教程
相关软件
Silverlight
站长工具:Google PR查询|Alexa排名查询|网站速度测试|CSS在线编辑器|OPEN参数生成器|弹出式窗口代码产生器|密码登录生成器|在线按钮生成器|Meta标签生成器|邮箱图标在线生成|多色彩特效字代码生成器|网页代码调试器|在线FTP登陆|Flash取色器|配色代码对照表|配色辞典|CSS生成器|CSS在线压缩|广告代码|框架网页代码生成器|js/vbs加密|md5加密|进制转换|UTF-8 转换工具|在线调色板|Html转换js|Html转换asp|Html转换php|Html转换perl
实用工具:汉字翻译拼音|拼音字典|在线翻译|天气预报|火星文|在线网速测试|符号对照表|个税计算|理财工具|黄金价格|购房银行按揭利率计算|汇率查询|经典小工具|汉字简繁转换|普通单位换算|公制单位换算|生辰老黄历|国内电话区号|国家代码与域名缩写|文字加密解密|元素周期表|健康查询|世界时间|全国各地车牌查询|全国车辆交通违章查询|万年历|二十四节气|汉字横竖排版|手机号码查询|计算器|ip搜索
广告刊登 | 版权声明 | 联系我们 | 加入收藏 | RSS订阅
Copyright © 2000-2012 www.knowsky.com All rights reserved | 沪ICP备05001343号