文章分类
HTML/CSS Flash教程 Fireworks教程 Dreamweave JavaScript 网站推广 网页理论 其他教程 视频教程
 产品搜索
关键字: 分类:

会员登陆

帐号:
密码:
      
    

google

当前位置:首页 >> 网页教程>> Dreamweave >> DW MX实例:制作弹出菜单

DW MX实例:制作弹出菜单


作者: 佚名 来源:网络 浏览:2200 日期:2006-6-12 16:53:47

  弹出菜单在网页制作中是一种非常常用的菜单方式,这种菜单不但制作简单,而且效果也很好。   
  效果说明 本实例所要完成的效果是当鼠标移动到文字上时,就会弹出一个漂亮的菜单,如图 17-1 和图 17-2 所示。  

  创作思想 本实例首先在网页中输入一行文字,并对文字做一个特殊的超链接,然后利用 Dreamweaver MX 2004 自带的行为制作弹出菜单。  

  操作步骤  

  ( 1 )输入文字并设置超链接。在网页中输入文字,因为单独的文本文字是无法添加行为的,按照 Dreamweaver 中的约定,将文字的超链接设置为“ javascript:; ”才能够添加行为。所以将文字的超链接设为“ javascript:; ”,并执行【显示弹出式菜单】行为,如图 17-3 所示。  
按此在新窗口浏览图片

按此在新窗口浏览图片

按此在新窗口浏览图片

  ( 2 )设置菜单项和子菜单项,并为菜单设置超链接,然后安排好各个菜单的次序,如图 17-4 所示。

按此在新窗口浏览图片

  ( 3 )设置页面元素。将菜单设置为垂直菜单,并分别设置菜单的字体、字号、对齐方式、一般状态和鼠标滑过时的状态,如图 17-5 所示。

按此在新窗口浏览图片

  ( 4 )设置【高级】标签。在【高级】标签选项中设置菜单的延迟时间,以及是否显示菜单边框。然后设置边框的宽度、颜色、阴影、高亮,如图 17-6 所示。

上一页 下一页 1 2

上一篇:DW MX实例:多彩文字链接 下一篇:DW MX实例:利用表格美化页面
【关闭窗口】 【返回顶部】返回网页教程】 【返回Dreamweave

相关推荐文章

DW MX实例:制作弹..

用Dreamweave..

用DW MX造站内搜索

DW MX实例:个性化..

去除DW MX 200..

Dreamweaver..

用Dreamweave..


关于本站 | 广告服务 | 联系我们 | 站点留言 | 活动支持 | 友情链接 | 投稿热线 | 网站地图
版权所有 Copyright@ 2005 设计路上 QQ技术讨论群 24980615(已满) 5204059(已满) 4337615(已满)
业务联系Email:huchuangwu@hotmail.com 粤ICP备05029101号