CSS垂直树形下拉菜单

•  }

  但因为IE的显示BUG,所以得加上下面这段话进行修复:

  以下是引用片段：
  /* Fix IE. Hide from IE Mac \*/ 
  * html ul li { float: left; } 
  * html ul li a { height: 1%; } 
  /* End */

  第三部:让它运作起来

  我们需要在我们移动到主菜单上时显示副菜单内容:

  以下是引用片段：
  li:hover ul { display: block; }

  好了,你可以测试下代码了,1%人可能会兴奋地叫起来,呵呵遗憾的是就目前这些代码还不能够在IE上运做作出我们想要的结果.要让IE运作出一样的效果,我们得使用一段JS代码,不会非常的烦琐:

  以下是引用片段：
  startList = function() { 
  if (document.all&&document.getElementById) { 
  navRoot = document.getElementById("nav"); 
  for (i=0; i<navRoot.childNodes.length; i++) { 
  node = navRoot.childNodes[i]; 
  if (node.nodeName=="LI") { 
  node.onmouseover=function() { 
  this.className+=" over"; 
    } 
    node.onmouseout=function() { 
    this.className=this.className.replace» 
   (" over", ""); 
     } 
     } 
    } 
   } 
  } 
  window.onload=startList;

  好了,其他代码再做下补充,这个功能就能实现了:

  以下是引用片段：
  li:hover ul, li.over ul {  
   display: block; } 
  
  <ul id="nav">

  自己动手做一个吧,可以更好看些

  （出处：http://www.hackhome.com）

• 上一页 [1] [2] [3] 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• CSS垂直树形下拉菜单 相关文章：
• CSS垂直树形下拉菜单 相关软件

上一篇:CSS层叠样式的主次顺序

下一篇:c#调用des64.dll进行加密解密

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐