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

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

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了如何修改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轻松制作卡通女孩眨眼睛GIF动画效果图
  • Fireworks制作漂亮的网格化图像效果
  • Fireworks简单制作漂亮的水平或垂直的彩条背景
  • Fireworks绘制简笔QQ企鹅图像
  • Fireworks制作卡通图案邮票
  • Fireworks制作文字效果各种方法详解
  • Fireworks使用历史面板制作连续背景效果图

相关文章

  • 2017-05-24Fireworks 绘制小老鼠图案邮票
  • 2017-05-24FireWorks介绍外发光效果的制作技巧
  • 2017-05-24教你用Fireworks 制作蛋壳美人
  • 2017-05-24利用fireworks制作质感的木制相框
  • 2017-05-24Fireworks制作出诡异人物轮廓光学涂鸦效果的图片实例教程
  • 2017-05-24firewords 一款动画logo制作方法
  • 2017-05-24教你如何用FW插件轻松创建透明按钮
  • 2017-05-24如何运用Fireworks批处理命令快速批量制作缩略图技巧介绍
  • 2017-05-24fireworks怎么切图呢?FW切图基本操作方法
  • 2017-05-24Fireworks使切片具有简单的交互效果图文教程

文章分类

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

最近更新的内容

    • Fireworks制作可爱的波尔卡点边框
    • 教你用Fireworks制作仿书法“道”字桌面
    • Fireworks教程 制作优秀的色彩搭配图片
    • Fireworks常见的滤镜打造绚丽的彩色字体
    • Fireworks 制作漂亮的透明苹果按钮
    • Fireworks 绘制矢量的邮件图标
    • Fireworks历史面板制作连续背景教程
    • Fireworks制作草生草长之草样年华gif动画—纪念大学四年时光
    • 入门:Fireworks中文字工具的使用方法
    • Fireworks制作漂亮的网格化图像效果

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

©2015-2018 All Rights Reserved. 微课江湖 版权所有