当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文 |
|
|||
用Fireworks4制作网页按钮下拉菜单 | |||
2005-12-30 19:14:04 文/45IT收集 出处:电脑软硬件应用网 | |||
菜单制作 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分别指菜单的宽和高,当然也可以进行反复修改,然后再预览,直到满意为止! |
|||
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |