首页 | 站长免费中心 | 新手上路 | 网站运营 | 网页制作 | 图片设计 | 动画设计 | 网页编程 | 网页特效 | 本站专题 | 虚拟主机 | 域名注册 | 网站建设 | 程序下载
       免费空间资源 | 新闻咨询 | 免费域名 | 免费网盘 | 网站推广 | 网站策划 | 建站经验 | 网站优化 | 网页代码 | 源码下载 | 音乐小偷 | 网络赚钱 | 论坛交流
网站建设
网站建设
虚拟主机
虚拟主机
域名注册
域名注册
711网络首页
站长工具
站长工具
网站源码
网站源码
站长论坛
站长论坛

 711网络 网页制作Dreamweaver

用Dreamweaver CS3制作下拉菜单

来源: 互联网    日期:2008-4-18
 
第一步,做好父级菜单。
第二步,插入一个层,如下图所示:
注意层的属性设置,去掉层的left和top值,这样Layer1就成了相对定位的层,把它的默认属性设置为hidden,不要设置背景色。
第三步,在这个层里插入一个表格,如图所示,注意上面一行背景透明,下面几行设置背景色为白色。
第四步,选中父级菜单中的“酷站欣赏”,打开Behaviors面板,对它添加Show/Hide Layers动作。
设置OnMouseOver的时候显示Layer1,OnMouseOut的时候隐藏Layer1。
第五步,拖动Layer1的层标签,把它放到“酷站欣赏”所在的单元格里。
接下来我们还需要手工修改一下代码:
打开源代码编辑状态,我们可以看到“酷站欣赏”处被加上了OnMouseOver和OnMouseOut动作,代码如下所示:
<a href="#" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">酷站欣赏</a>

复制这里的红色部分代码,粘贴到Layer1的<div>标签里:
<div id="Layer1" style="position:absolute; width:70px; height:80px; z-index:1; visibility: hidden" onMouseOver="MM_showHideLayers('Layer1','','show')" onMouseOut="MM_showHideLayers('Layer1','','hide')">

OK,大功告成了。相信这时候你会明白我为什么要在Layer1中设置一行表格背景透明了:当鼠标经过“酷站欣赏”的时候,激发Show Layer的动作,隐藏的层Layer1显示出来,它的位置压在父级菜单“酷站欣赏”上,但父级菜单之上的部分恰好是一个透明区域,所以父级菜单依然可 见。当鼠标移动到层Layer1的范围之外时,激发Hide Layer动作,这时层Layer1再次隐藏。



更多的用Dreamweaver CS3制作下拉菜单请到论坛查看: http://BBS.TC711.COM



【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】 来源: 互联网    日期:2008-4-18   

发 表 评 论
查看评论

  您的大名:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
认证编码: 刷新验证码
点评内容: 字数0
  精品推荐  
  本月推荐  
  友情赞助  

关于我们 | 联系我们 | 广告投放 | 留言反馈 | 免费程序 | 虚拟主机 | 网站建设 |  网站推广 |  google_sitemap baidu_sitemap RSS订阅
本站所有资源均来自互联网,如有侵犯您的版权或其他问题,请通知管理员,我们会在最短的时间回复您
Copyright © 2005-2015 Tc711.Com All Rights Reserved 版权所有·711网络   蜀ICP备05021915号
110网监备案 信息产业备案 不良信息举报