45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页设计 >

用Fireworks4制作网页按钮下拉菜单

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:14 作者:45IT收集

 
  Fireworks作为Macromedia公司推出的网络三剑客之一,具有非常强大的功能,利用其新版本Fireworks 4增加的功能可以轻松地制作漂亮的下拉菜单,下面就请跟我来:

  菜单制作

 
  1、打开Fireworks 4,新建一个800×600的文档,选择工具栏的圆弧工具并且底色设定为红色。

  2、在上面的文档中做三个按钮(如图)。选择文字工具,点击按钮上面,然后,输入你需要的文字,颜色选择白色。选中按钮,在效果里面,点击右边向下的小箭头,选择阴影和发光中的阴影。

  3、点击左边工具栏“Slice Tool(切片工具)”,将三个按钮分割开。注意:在分割时,尽量减少红线。

  4、用鼠标右键单击“氧气交友”按钮,在弹出菜单中选取“Add Pop-Up Menu(添加弹出菜单)”选项,出现一个新窗口。然后,在文本里面,填写你需要显示的菜单栏目,在链接里面填写你需要链接去的URL,目标里面填写目标框架。点击Menu(菜单)旁边的加号,在下面就会多出一个表格。点击多次,然后把你需要的内容填写好。

  5、点击“下一步”,选择使用文字+ HTML或图片,然后按“Finish”完成。

  菜单应用

  1、按“文件”菜单的“Export”选项,导出HTML文件,到IE中去浏览一下,是不是很酷!

  2、选中外面的大表格,在工具栏中的Align中选取“Center”,将表格居中。注意:现在是按钮的位置改变了,而下拉菜单的位置却没有改变,所以务必将菜单的位置定位改过来。

  3、点击左上角的“Show Code View”按钮,进入代码编辑界面。

  观察绿色代码,找到代码< a href="#" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_0,9,117);" >,9是菜单的横坐标位置,117是纵坐标位置。你可以做一些调试,我们就把9改为144。

  如果需要更改菜单格的宽和高,你可以修改该页中Head的代码:window.fw_menu_0 = new Menu("root",113,25,"Times New Roman, Times, serif",18,"#0000ff","#ffffff","#666666","#000000");其中113,25分别指菜单的宽和高,当然也可以进行反复修改,然后再预览,直到满意为止!
 

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识