首 页 网站运营 网络编程 网页制作 图象媒体 数据库 建站资源 网管专区 下载专区 最新资讯
IT学堂|红色黑客联盟
设为首页
加入收藏
联系站长
您所在的位置:首页>网页制作>Dreamweaver>文章内容
利用DW MX自带的行为制作弹出菜单(组图)
来源: 作者: 发布时间:2007-04-12

 不知道大家有没发现DWMX中有一个和FW差不多的制作弹出菜单功能?这个功能允许用文字和图片做为主菜单,如果用文字的话要先做虚拟链接。下面简单和大家说说制作的过程!

  1.我这次是用图片,先在DWMX中新建一个页面,插入图片。选取图片,打开行为窗口,点击+号,选取“显示弹出式菜单”选项,这时候DWMX就打开一个窗口如下图:

大家可以看到有四个选项,分别为:“内容、外观、高级、位置”

  2.在文本框写上你的菜单名称,通过点击+号来增加你所需菜单数目如下图:
  如果你的菜单还有下级菜单的话,则选取其菜单,再点击缩进项,如下图:
1



  3.点击“外观”选项,名副其实这里可以设定你的菜单外观,可以选择垂直菜单还是水平菜单,字体的大小,是否居中,和菜单的一般状态和鼠标滑过的样式。如下图:
  4.点击“高级”选项,这里我没做什么改动,只是把默认的菜单延迟时间改为500,如下图:
  5.点击“位置”选项,这里有四种选择,当然也可以通过X.Y坐标值来自己设定。我在这里选择了下方位置,如下图:

  好了,再点确定就完成了,这时DWMX会生成一个js文件在你的文件夹中,在上传你的网页时别忘了也把它传上去哦。




[推荐] [返回顶部] [打印本页] [关闭窗口]
热点文章
·Dreamweaver 8图文快报
·Dreamweaver 8图文快报2
·Dreamweaver未必了解的5个小技巧
·手把手教你网页布局的基本元素
·我要看代码 破解加密网页文字有高招
·美化网页 制作精美圆角表格
·Dreamweaver经典问题大搜罗(全集)1
·Dreamweaver经典问题大搜罗(全集)2
·菜鸟学用DreamWeaver做ASP1
·Dreamweaver中加入竖直线的办法
相关文章
· 用Dreamweaver MX制作文字特效(组图)
·DreamWeaver经典技巧四则
·滑动菜单的制作(组图)
·用JavaScript在页面内加入日期(图)
· 用DW MX制作导航下拉菜单(组图)
· dreamweaver中网页折叠菜单的制作(
·自己动手制作活动菜单条(组图)
·Dreamweaver 4.0 新增功能全接触(图)
·解决在Dreamweaver中不支持中文文件名
·DREAMWEAVER 技巧(上)
文章检索
Google
相关文章
· 用Dreamweaver MX制作
·DreamWeaver经典技巧四
·滑动菜单的制作(组图)
·用JavaScript在页面内加
· 用DW MX制作导航下拉
· dreamweaver中网页折
·自己动手制作活动菜单条
·Dreamweaver 4.0 新增功
·解决在Dreamweaver中不
·DREAMWEAVER 技巧(上)
·Dreamweaver层使用八定
· ucLinux下sqlite数据库
·下拉菜单全攻略之Dreamw
·DreamWeaver高级应用
·Dreamweaver中幂格式文