• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > 如何修改fireworks弹出菜单的位置

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

作者:佚名 字体:[增加 减小] 来源:互联网

佚名 向大家分享了如何修改fireworks弹出菜单的位置,其中包含fireworks,fireworks下载,fireworks教程,fireworks 8,adobe fireworks等知识点,遇到此问题的同学们可以参考下

多数时候,当你把在fireworks4中制作的弹出菜单输入到一个html文件中预览时会发现,菜单出现的位置并非如你所愿。
引起错误的原因
改变了引发装置的位置
弹出菜单的引发装置(热区、按钮或者带链接的图片等)在dreamweaver页面中的位置和在fireworks画布中的位置不同。
浏览器留边
没有把页面的margins属性设置为“0”。
引发装置相对定位
引发装置不是绝对定位的。
以下将根据上面不同的错误原因给出解决方案。
原因一:引发装置的的绝对定位改变
当fireworks输出一个带有弹出菜单的文件时,会创建一个javascript文件(fw_menu.js),它给出了下级菜单的位置,而这个位置是根据下级菜单距离画布左边和上边的绝对象素来定位的,这个绝对定位也被带到了html页面中,因此当你在dreamweawer中改变引发装置的位置时,下级菜单将依然出现在原来的位置而不会跟着引发装置改变。
如果你还是不明白的话,我们来看一个引发装置位置改变实例:
1名开发者在fireworks的画布中创建了一个引发装置(按钮)和它的下级菜单。请注意按钮和菜单各自的定位。

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

解决方案一:在html代码中重新设置下级菜单的位置
你可以通过修改html代码来修改下级菜单的定位。

在dreamweaver中选中弹出菜单的引发装置。
切换成html代码的编辑界面,相关代码会变成高亮状态。
在相关代码中找到以下的文字:
"window.fw_showmenu(window.fw_menu_#,#,#)"
最后2个数字代表了下级菜单的x和y坐标的绝对位置。
将这2个数字修改为你希望的位置。
保存后预览。
理由二:浏览器留边
如果浏览器留边没有被设置成“0”,将可能会引起下级菜单的定位不准确。
解决方案二:重设浏览器margins值
将本页的margins值设为“0”。
理由三:引发装置相对定位
因为弹出菜单是绝对定位的,而引发装置的相对定位可能使得最终效果在不同分辨率下看起来不一样,在某些分辨率下会产生偏差。
解决方案三:稳定引发装置
保证引发装置与窗口左边和上边的象素不发生变化,使用靠左对齐的排版方式,不要使用例如居中对齐的方式

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • fireworks怎么制作好看的图文排版?
  • Adobe Fireworks设置首选参数教程
  • Fireworks制作水彩笔触特效教程
  • Fireworks怎么把图片尺寸变小呢?
  • 用Fireworks制作好看的图文排版
  • 用Fireworks简单制作闪动的图片
  • fireworks把历史记录保存为命令方法介绍
  • fireworks对图片名称进行批量修改
  • Fireworks制作一个个性的圆形印章
  • Fireworks快速修改图片尺寸大小

相关文章

  • Fireworks 9 路径调版的使用方法
  • Fireworks制作超酷个性签名
  • Fireworks制作镜面滑动光照效果
  • Fireworks制作漂亮的网格化图像效果
  • Fireworks怎么把图片尺寸变小呢?
  • 教你用Fireworks简单绘制QQ企鹅
  • Fireworks绘制教程:教你如何绘制卡通造型图标
  • Fireworks如制作折叠效果的菜单
  • Fireworks制作一对晶莹剔透效果的翅膀
  • Fireworks 制作晶莹剔透的魔幻花瓣

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Fireworks怎么制作圆角三角形?
    • Fireworks 制作晶莹剔透的魔幻花瓣
    • Fireworks绘制矢量风格精致手提纸袋图解教程
    • Fireworks 绘制逼真的立体金属球
    • 教你用fireworks绘制神秘蓝色星球
    • Fireworks自由变形工具怎么使用呢?
    • Fireworks cs3制作Vista绿色眩彩效果
    • Fireworks使切片具有简单的交互效果图文教程
    • Fireworks怎么修改字体?FW修改字体方法
    • Fireworks教程:鼠绘小技巧总结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有