点击这里给我发消息 点击这里给我发消息
首页 > 行业资讯 > firework>详细内容

在Fireworks4中制作弹出菜单全过程技巧大揭密-4

添加时间:2010-1-5
    相关阅读: 网页设计 网页 设计 软件 程序 Dreamweaver 制作

四、 如何定制弹出菜单
(2) 定置弹出菜单的弹出速度


  或许有些人会觉得在浏览器中浏览由Fireworks4生成的弹出菜单文件时,弹出菜单的显示速度并不像我们预期的那样。往往当鼠标移到弹出菜单的按钮上时,菜单的弹出速度非常快,但当鼠标离开弹出菜单按钮时,刚才触发弹出的菜单仍旧会留在原来的位置一段时间,而不像我们希望的那样能够立刻消失。其实这个问题我们依旧可以通过修改fw_menu.js文件来进行解决。在Dreamweaver 或是其他编辑器中打开该JS文件,我们找到这段代码:


  setTimeout("fwDoHide()", 1000)
  (elapsed < 1000)
  setTimeout("fwDoHide()", 1100-elapsed)


  上面这段代码是用来控制弹出菜单显示速度的。默认的数值1000表示当前的延迟时间是1秒,如果想将延迟时间修改为原来的一半,可以将上述代码里的数值修如下:


  setTimeout("fwDoHide()", 500)
  (elapsed < 500)
  setTimeout("fwDoHide()", 550-elapsed)


  你可以通过不断的修改找到你满意的数值,注意不要将这个延迟时间设置的太短,以避免浏览者还没有看清菜单内容,菜单内容就消失了。


(3)定制弹出菜单的图片样式


  如果在弹出菜单的输出格式选择的图片形式的话,那么我们就可以对该图片样式进行定制。Fireworks4弹出菜单的样式文件放在 \Configuration\Nav Menu目录下,文件名是Styles.stl,我们可以定制自己的样式并将它输出为单独的样式文件,然后存放在Nav Menu目录下,当再次打开弹出菜单制作向导时,我们先前定制的样式就可以在制作向导中出现,可以随意选择使用了。由于Fireworks中可以制作出非常丰富的样式文件,因此我们的弹出菜单也可以通过应用样式实现更为丰富的外观。

五、小结


  综上所述,可见Fireworks4提供了功能非常强大的定制方法来制作弹出菜单导航条,以往让网页设计师或是程序员头疼的这一部分工作如今可以通过Fireworks4来轻松地解决。不过每件事情只有通过自己亲手试验以后才会有更深一步的体会,希望这篇文章可以给您带来一个思路,一个启发,既然我们可以通过定制的js文件得到了制作弹出菜单的功能,我们也可以扩充Fireworks来实现更丰富的想法。这就是Fireworks软件的构想,即通过良好的可扩展性实现自身功能的不多扩充。

 

本文作者:
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册