当前位置:首页 > 正文

css下拉菜单代码

作者:浮生发布时间:2023-02-01浏览:461


我给楼主看了一下```你要的效果没说清楚`如果想显示出下拉列表直接删掉 #menu li dd{display:none;

}

就可以了。如果想鼠标移动后,出现下拉列表,我没看到楼主定义这个类型,所以给楼主一个我以前写的,仅供参考。

.imcm ul,.imcm li,.imcm div,.imcm span,.imcm a{text-align:left;vertical-align:top;padding:0px;margin:0;list-style:none outside none;border-style:none;background-image:none;clear:none;float:none;display:block;position:static;overflow:visible;line-height:normal;}

.imcm li a img{display:inline;border-width:0px;}

.imcm span{display:inline;}

.imcm .imclear,.imclear{clear:both;height:0px;visibility:hidden;line-height:0px;font-size:1px;}.imcm .imsc{position:relative;}.imcm .imsubc{position:absolute;visibility:hidden;}.imcm li{list-style:none;font-size:1px;float:left;}.imcm ul ul li{width:100;float:left !important;}

.imcm a{display:block;position:relative;}

.imcm ul .imsc,.imcm ul .imsubc {z-index:10;}

.imcm ul ul .imsc,.imcm ul ul .imsubc{z-index:20;}

.imcm ul ul ul .imsc,.imcm ul ul ul .imsubc{z-index:30;}

.imde ul li:hover .imsubc{visibility:visible;}

.imde ul ul li:hover

.imsubc{visibility:visible;}

.imde ul ul ul li:hover

.imsubc{visibility:visible;}

.imde li:hover ul .imsubc{visibility:hidden;}

.imde li:hover ul ul .imsubc{visibility:hidden;}

.imde li:hover ul ul ul .imsubc{visibility:hidden;}

.imcm .imea{display:block;position:relative;left:0px;font-size:1px;line-height:1px;height:0px;width:1px;float:right;}

.imcm .imea span{display:block;position:relative;font-size:1px;line-height:0px;}.dvs,.dvm{border-width:0px}</style><!--[if IE]><style type="text/css">.imcm .imea span{position:absolute;}.imcm .imclear,.imclear{display:none;}.imcm{zoom:1;} .imcm li{curosr:hand;} .imcm ul{zoom:1}.imcm a{zoom:1;}</style><![endif]--><!--[if gte IE 7]><style type="text/css">.imcm .imsubc{background-image:url(ie_css_fix);}</style><![endif]--><!--end-->

<!--[imstyles] *** Infinite Menu Styles: Keep this section in the document head for full validation. -->

<style type="text/css">

#imenus0 .imeam span,#imenus0 .imeamj span {background-image:url(bg-daohangS.jpg); width:1px; height:12px; left:0px; top:0px; background-repeat:no-repeat;background-position:top left;}

#imenus0 li:hover .imeam span,#imenus0 li a.iactive .imeamj span {background-image:url(bg-daohangS.jpg); background-repeat:no-repeat;background-position:top left;}

#imenus0 ul .imeas span,#imenus0 ul .imeasj span {background-image:url(stub_arrow_right.gif); width:6px; height:8px; left:0px; top:3px; background-repeat:no-repeat;background-position:top left;}

#imenus0 ul li:hover .imeas span,#imenus0 ul li a.iactive .imeasj span {background-image:url(stub_arrow_right.gif); background-repeat:no-repeat;background-position:top left;}

#imouter0 {background-color:#95D4CC; border-style:none; border-color:#CCCCCC; border-width:1px; padding:0px; margin:0px; }

#imenus0 li ul {background-color:#95d4cc; border-style:solid; border-color:#687a54; border-width:1px; padding:5px 8px 5px 5px; margin:0px; }

#imenus0 li a, #imenus0 .imctitle {height:16px; background-color:#95D4CC; color:#000; text-align:left; font-family:Arial; font-size:12px; font-weight:normal; text-decoration:none; padding:3px 6px 1px; margin:0px 5px 0px 0px; }

#imenus0 li:hover>a {background-color:#5B9890; text-decoration:none; }

#imenus0 li a.ihover, .imde imenus0 a:hover {background-color:#95d4cc; text-decoration:none; }

#imenus0 li a.iactive {}

#imenus0 ul a, #imenus0 .imsubc li .imctitle {height:auto; background-color:transparent; color:#000; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:solid; border-color:#95d4cc; border-width:1px 0px; padding:2px 5px; margin:0px; }

#imenus0 ul li:hover>a {background-color:#5B9890; text-decoration:none; border-color:#687a54; }

#imenus0 ul li a.ihover {background-color:#5B9890; text-decoration:none; border-color:#687a54; }

#imenus0 ul li a.iactive {}


声明:部分资源转载自互联网,转载目的在于传递更多知识,并不代表本网赞同其观点和对其真实性负责。如有侵权或者知识有谬误之处,麻烦通知删除,谢谢!联系方式: zzsla2022#163.com