CSS+JS实现兼容性很好的无限级下拉菜单.doc

CSS+JS实现兼容性很好的无限级下拉菜单再发一个关于多级下拉菜单的实例，在IE8下测试没问题，其他没测，请测试后决定是否使用。!DOCTYPE?html?PUBLIC?-//W3C//DTD?XHTML?1.1//EN?http://www./TR/xhtml11/DTD/xhtml11.dtd?html?xmlns=/1999/xhtml?xml:lang=enheadtitleCSS+JS实现兼容性很好的无限级下拉菜单/titlestyle?type=text/css*{?margin:0;?padding:0;?border:0;}body{font:12px/130%?verdana,geneva,arial,helvetica,sans-serif,宋体;}li{list-style:none;}.clearfix:after{content:?;display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-block;}a:link{?color:#000;?text-decoration:none;?}a:visited{?color:#000;?text-decoration:none;?}a:hover{?color:#000;?text-decoration:none;?}.menu{?width:778px;?height:26px;?background:#fff;?margin:0?auto;}.menusel{?float:left;width:100px;?position:relative;?height:25px;?background:#ddd;?line-height:?25px;?margin-left:?1px;?*margin-left:?0px;_margin-left:?-1px;}.menusel?h2{?font-size:12px;?}.menusel?a{?display:?block;text-align:center;?width:100px;border:1px?solid?#a4a4a4;?height:25px;?border-bottom:1px?solid?#a4a4a4;?position:relative;?z-index:2;}.menusel?a:hover{?border:1px?solid?#a4a4a4;?border-bottom:1px?dashed?#eeeeee;?position:relative;?z-index:2;?height:25px;}.ahover?a{border-bottom:1px?dashed?#eeeeee;?background:#eeeeee;?}.position{?position:absolute;?z-index:1;}.menusel?ul{width:125px;?background:#eee;?border:1px?solid?#a4a4a4;?margin-top:?-1px;?position:relative;?z-index:1;?display:none;}.menusel?.block{?display:block;}.typeul?li{border-bottom:1px?dashed?#a4a4a4;width:125px;?position:relative;?float:left;?}.typeul?li?a{?border:none;width:125px;?}.typeul?li?a:hover{?border:none;?background:#ddd;}.typeul{??margin-left:0;??}.typeul?ul{left:125px;?top:0;?position:absolute;}.fli{?margin-left:?-1px;?border-left:#eeeeee?solid?1px;}.menusel?.lli{?border:none;?}/stylescript?type=text/javascriptdocument.execCommand(BackgroundImageCache,?false,?true);/script!--?IE6背景图片闪烁问题??--/headbodydiv?class=menu?div?id=menu1?class=menusel??h2a?href=/菜单1/a/h2???div?class=position????ul?class