当前位置:软件学习 > Dreamweaver >>

用DW插件制作动态下拉菜单

∧芄蛔约呵资肿龀鲆桓銎恋亩吕说ナ切矶嘀饕持谱髡叩囊桓鲈竿钤缰荒芡ü治霰鹑说腏avaScript代码,然后进行手工改动来实现。有了Dreamweaver(简称DW)等可视化制作工具,可以通过对层的消隐移动控制来实现。现在,有了这个SliderMenu的插件,直接就可以生成一个动态下拉菜单。

  这个插件是一个以mxp为后缀的文件,对于这类插件,不是像以往的插件那样通过把一个zip文件解到相应的目录下再进行使用,不需要时再手工删除。现在它是通过一个扩展管理器来对插件进行管理,在需要时进行添加,不需要时随时卸载。对于用惯苹果机的字体管理器的朋友对这个概念肯定非常熟悉,用它可以轻松地管理上百个甚至上千个插件,再也不用为要记住哪个插件在哪个目录下发愁了。

  当然,要使用mxp插件必须先安装扩展管理器,安装的方法很简单,直接双击运行,然后按照提示进行选择目录就可以了。扩展器安装完毕后,会在DW“Commands”菜单中出现一个“Mange Extensions”(管理扩展)命令,点击它后执行,就可以利用工具栏上的“安装”和“卸载”来对插件进行管理,需要指出的是,这里的卸载并不是真正地删除这个插件,而是暂时禁用,随时可以再通过调入使用的。

  有了扩展管理器后,安装SliderMenu插件的方法就非常简单了,双击这个mxp文件,扩展管理器就会自动运行,把它装到DW中,然后再启动DW,看看Object的Common面版,多了点什么东西?在第一项多出来一个M样的按钮,这就是SliderMenu按钮。

  新建一个HTML文档,单击SliderMenu按钮,系统弹出对话窗口,在设置窗口中可以针对这个动态下拉菜单进行设置。各参数的含义如下:

  HOW MANY MAIN MENUs DO YOU NEED:设置你需要的主菜单数目。

  TOP VALUE OF THE FIRST MENU:第一个主菜单离浏览器上方的距离。

  LEFT VALUE OF THE MAIN MENUs:主菜单离浏览器左方的距离。

  POSITION OF SUBMENUs:下拉出来的二级菜单是否在主菜单的正下方,如果不是,偏离多少。此项为0表示二级菜单在主菜单正下方,正数是二级菜单向右偏,负数是二级菜单向左偏。

  MENU SPEED:菜单下拉时运动的速度,数值越大运动越快。

  COLSE ON SECOND CLICK:点击已经展开的主菜单时,是否把二级菜单关闭。
  设置不同的参数,可以得到不同的下拉效果,大家可以多实习几次,? 以掌握这些参数的意义。设置完参数后,单击OK按钮,就可以插入一个下拉菜单。

   可以在编辑区看到实际上这个插件是在DW中插入了一系列的层,层的排列顺序是:第一个主菜单,第一个主菜单的子菜单,第二个主菜单,第二个主菜单的子菜单……根据这个顺序,可以分别对这些层进行编辑,输入自己想要在菜单上显示的文字,并在文字属性的Link一栏加上这个菜单的超链接。经过一阵重复的输入工作后,这个动态下拉菜单就做成了。

  值得提出的是,这个插件不仅可以做出文字型的下拉菜单效果,还可以通过插入图像做出更“酷”的效果,使用方法是首先把文字替换成图片,然后在主菜单的图像上设置Behavior,可以在“+”下的列表中看到这里的Behavior也多了一项——MFX$#@62;MFX_ControlSliderMenu。然后在弹出的菜单中选择需要展开的第一个子菜单的序号,以及菜单展开的速度。把所有的主菜单图像设置完毕后,就可以看看这个专业级的导航菜单了。

  DW的扩展管理器和SliderMenu插件都可以免费下载的,大家可以到5Dmedia.com上下载,如果对这个插件的使用有任何疑问,也欢迎到5Dmedia.com上讨论。


上一个:在Dreamweaver中用Layer技术
下一个:DW3的代码格式化和净化功能

更多Dreamweaver疑问解答:
巧用Dreamweaver MX控制页面元素
巧用Dreamweaver MX制作阴影字
巧用Dreamweaver MX设计导航栏特效
Dreamweaver 3 在网页上的小动作
网站构成的基本元素—网页布局
用Dreamweaver实现飘浮光球特效
Dreamweaver制作技巧四则
Dreamweaver 4.0使用技巧集锦
轻松处理Dreamweaver段落缩进
用Dreamweaver 4.0编制会议通知
巧用Dreamweaver4文件库更新网站
巧用Dreamweaver制作复杂图像
妙用dw图层与表格进行网页布局
用Dreamweaver4添加背景音乐及制作动态字
用Dreamweaver MX实现网站批量更新
Dreamweaver
Fireworks
FrontPage
Flash
Photoshop
Coreldraw
Excel
Word
Powerpoint
outlook
wps
AfterEffects
3D MAX
Director
Authorware
PremierePro
Foxmail
Maya
ISA
会声会影
其它软件
AutoCAD
如果你遇到软件学习难题:
访问www.zzzyk.com 试试
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,