站长学堂
你的位置: 中国个人站长站 -- 站长学堂 -- 网页制作 -- Dreamweaver教程 -- 文章正文 下拉菜单全攻略之Dreamweaver篇
推荐位

下拉菜单全攻略之Dreamweaver篇

中国个人站长站 Dreamweaver教程 点击数: 更新时间:2005-3-13 17:31:38
钮,在下拉选项中选中"Show-Hide Layers",在弹出窗口中选中" layer "menu1" ",因为我们想要menu1这个层对"经典论坛"响应。然后点下面的"hide"按钮,OK。


 


 

  回到Behaviors窗口,点击向下的小箭头,在下拉选项中选中onMouseOut。

  2.下拉选单部分
先选中层menu1,方法是点击层的边缘或在LAYER面板中点击menu1,用与导航条部分同样的方法在Behaviors窗口中为它添加显示与隐藏自己的命令。这样做的效果是当鼠标移出层menu1时,层menu1就自动隐藏。最后层menu1的状态如图所示。


 


 

  3.重复以上两部分,为导航条的第二个主菜单"天极网"和层menu2添加显示、隐藏层命令。


 

  四、 下拉菜单的美化修饰


 

  到这里,下拉菜单的功能效果已经实现了,你现在按F12就可以看到。不过你一定也发现菜单有点难看,字不够精细,菜单选项的默认链接色不好看,菜单也没有边框,那就让我们来稍稍为它美容一下。
1.定义菜单字体样式
按Shift+F11打开CSS Style(样式)面板,点击面板下面的按钮

在弹出的"New Style"窗的Tag框内选中td标签,Type选第二项Redefine HTML Tag,Define选This Document Only,如图。


 


 

  此时弹出设置窗口,不管其它的,只在右边的Size框里选中12,单位为pixels。


 

 

  2.定义菜单链接样式
在样式面板中,点击面板下面的 按钮,在弹出窗中, Type选第三项Use CSS Selector,Tag框内选中a:hover标签,Define选This Document Only,如图。



  点击OK后在弹出窗中,Color填#ff9933,Decoration选none,点OK。



  返回到样式面板,点击面板下面的按钮,在弹出窗中, Type选第三项Use CSS Selector,Tag框内选中a:link标签,Define选This Document Only。
点击OK后在弹出窗中,Color填#ffffff,Decoration选none,点

上一页  [1] [2] [3] [4] 下一页

Dreamwea… 网友投稿 文章录入:swh    责任编辑:swh 
个人站长站与你风雨同舟!
本站所提供的资源均来源于互联网,如有侵权行为,请与本站管理员联系,我们会第一时间删除!
·如果您发现《下拉菜单全攻略之Dreamweaver篇》文章有错误,也请通知我们修改!
联系邮箱chinageren#126.com,谢谢支持!
站内搜索:
广告服务 | 友情链接 | 联系我们 | 免责声明 | 用户留言 | 网站导航
版权所有:中国个人站长站 2007-2008 未经授权禁止复制或建立镜像 客服QQ号:112731235
copyright © 2007-2008 www.ChinaGeRen.com online services. all rights reserved. 苏ICP备05000059号