| 网站首页 | 文章中心 | 设计欣赏 | 下载中心 | 设计咨讯 | 平面设计 | 二维|三维 | 网页制作 | NIIT论坛 | 酷站! | 
    您现在的位置: 卓越设计网 >> 网页制作 >> Dreamweaver >> 网页制作正文
[组图]Dreamweaver MX 2004高级技巧(3)制作弹出菜单           
Dreamweaver MX 2004高级技巧(3)制作弹出菜单
作者:Dreamwea… 文章来源:Dreamweaver教程 点击数: 更新时间:2005-12-13 1:29:51

  利用Dreamweaver MX 2004提供的行为,可以直接做出弹出菜单。下面讲解制作一个弹出菜单的具体步骤。

  1.可以直接给图片加上弹出菜单。但是不能给文本直接加上弹出菜单。如果需要给文本加上弹出菜单,首先需要把文本变成链接。选中文本,在属性面板的链接项输入“javascript:;”,就给文本加上链接了。如图:

  2.文本链接默认的颜色是蓝色,并且有下划线。如果要更改链接文本的外观使它看上去不是一个链接,切换到代码视图下,打到这个链接的a href 标签,在后面插入“style="text-decoration:none; color:black"”。如下代码:

<a href="javascript:;"style="text-decoration:none; color:black">网页制作</a>
<a href="javascript:;"style="text-decoration:none; color:black">网页特效</a>
<a href="javascript:;"style="text-decoration:none; color:black">动画制作</a>
<a href="javascript:;"style="text-decoration:none; color:black">网络编程</a>

  3.在添加弹出式菜单之前需要保存网页文件。保存网页之后,打开行为面板,点击+号。

  4.在弹出的菜单中点击“显示事件”,选择“4.0 和更高版本浏览器”。

  5.点击+号按钮,在弹出的菜单中选择“显示弹出式菜单”。

  6.在“显示弹出式菜单”中添加弹出菜单,并做外观和位置的设置。中文版一看就明白,这里不多说了。

  7.做好弹出菜单后,按F12预览,在浏览器中的效果如下图。

  8.最后因为初学,别忘了打开代码视图看看代码啊!


网页制作录入:as8130239    责任编辑:as8130239 
  • 上一篇网页制作:

  • 下一篇网页制作:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网站
    导航
        最新图片
       推荐信息
       最 新 热 门
        最 新 推 荐
        相 关 文 章
    Dreamweaver鲜为人知的小
    Dreamweaver中插入FLASH
    Dreamweaver中插入Firew
    Dreamweaver中方便快捷的
    Dreamweaver中实现flash
    关于Dreamweaver乱码问题
    将Fireworks文件导出到D
    解决在Dreamweaver中不支
    聚焦 DreamWeaver MX 20
    妙用Dreamweaver MX共享