本文实例讲述了JS CSS实现的圆角下拉菜单效果代码。分享给大家供大家参考，具体如下：

相信不少朋友会喜欢这一款菜单，CSS JS实现的圆角下拉菜单，没有使用任何修饰性的图片哦，圆角完全是用射流研究…完成的，因此代码多了些，想使用的朋友把射流研究…文件提取出来另存，这样更合理些。

运行效果截图如下：

在线演示地址如下：

http://演示。JB 51。net/js/2015/js-CSS-JD-CIC le-style-button-demo/

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-严格。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title quick menu超强悍菜单/title meta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/style type=' text/CSS ' .qmmc .QM divider { display : block font-size :1 px；边框宽度：0 px边框式：实心；位置：相对；z索引：1;}.qmmc .qmdividery { float:left宽度：0 px}.qmmc .qmtitle { display : block cursor : default white-space :无rap位置：相对；z索引：1;}.QM clear { font-size :1 px高度：0像素宽度：0 pxclear:left线高：0 px显示：块；float:none！重要；}.qmmc { position : relative zoom :1 z索引：10;}.qmmc，a .qmmc li { float:left显示：块；空白：无说唱；位置：相对；z索引：1;}.qmmc分区a，2000 .qmmc ul a .qmmc ul li { float:none}。qmsh div a { float:left}。qmmc分区{ visibility:hidden位置：绝对；}.qmmc .qmcbox { cursor:default显示：块；位置：相对；z索引：1;}.qmmc .qmcbox a { display:inline}。qmmc .qmcbox div { float:none位置：静止；可见性：继承；left:auto}。qmmc Li { z-index : auto}.qmmc ul {左侧：-10000 px；位置：绝对；z索引：10;}.qmmc .qmmc ul {列表式：无；padd :0 pxmargin :0 px }。qmmc阿利{ float:none}。qmmc Li :气垫船{ left : auto } # qm0 ul { top :100%；} # qm0 ul Li :悬停ul { top :0 px左侧：100%;} # qm0 { padding:5px边框宽度：1 px边框式：实心；边框颜色： # eeee} # qm0 a { padd :5 px 4px 5px 5p color : # 555555 font-family : arial；字体构成名词复数