• [织梦吧]唯一域名:www.dedecms8.com,织梦DedeCMS学习平台.

当前位置: > 网页制作 > DIV&CSS >

《十天学会web标准(div+css)》第8天:下拉及多级弹出菜单(2)

来源: www.dedecms8.com 编辑:织梦吧 时间:2011-01-03点击:
  • <head> 
  • <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  • <script type=text/javascript><!--//--><![CDATA[//><!-- 
  • function menuFix() { 
  • var sfEls = document.getElementById("menu").getElementsByTagName("li"); 
  • for (var i=0; i<sfEls.length; i++) { 
  • sfEls[i].onmouseover=function() { 
  • this.className+=(this.className.length>0? " ": "") + "sfhover"; 
  • } 
  • sfEls[i].onMouseDown=function() { 
  • this.className+=(this.className.length>0? " ": "") + "sfhover"; 
  • } 
  • sfEls[i].onMouseUp=function() { 
  • this.className+=(this.className.length>0? " ": "") + "sfhover"; 
  • } 
  • sfEls[i].onmouseout=function() { 
  • this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),  
  • ""); 
  • } 
  • } 
  • } 
  • window.onload=menuFix; 
  • //--><!]]></script> 
  • <style type="text/css"> 
  • body { font-family: Verdana; font-size: 12px; line-height: 1.5; } 
  • a { color: #000; text-decoration: none; } 
  • a:hover { color: #F00; } 
  • #menu { width:500px; height:28px; margin:0 auto; border-bottom:3px solid #E10001;} 
  • #menu ul { list-style: none; margin: 0px; padding: 0px; } 
  • #menu ul li { float:left; margin-left:2px;} 
  • #menu ul li a { display:block; width:87px; height:28px; line-height:28px; text-align:center; background:url(http://www.aa25.cn/upload/2010-06/27/nav_bg2.gif) 0 0 no-repeat; font-size:14px;} 
  • #menu ul li a:hover { background:url(http://www.aa25.cn/upload/2010-06/27/nav_bg3.gif) 0 0 no-repeat;} 
  • #menu ul li a#current { background:url(http://www.aa25.cn/upload/2010-06/27/nav_bg1.gif) 0 0 no-repeat; font-weight:bold; color:#fff;} 
  • #menu ul li ul { border:1px solid #ccc; display:none; position:absolute;} 
  • #menu ul li ul li { float:none; width:87px; background:#eee; margin:0;} 
  • About D8

    • ©2014 织梦吧(d8) DedeCMS学习交流平台
    • 唯一网址 www.DedeCMS8.com 网站地图
    • 联系我们 1170734538@qq.com ,  QQ