效果图 ：
CSS:
<style type = "text/css">/ * 带复选框的下拉框 */ul li {Listenstil: Keine; Polsterung: 0px; Rand: 0px; } .Select_CheckBox {Border: 0px Solid Red; Position: Relativ; Anzeige: Inline-Block; } .Chartquota {Höhe: 23px; float: links; Anzeige: Inline-Block; Grenze: 0px solide Schwarz; Position: Relativ; } .ChartOptionsFlowtrend {Z-Index: 300; Hintergrundfarbe: weiß; Grenze: 1px Festgrau; Anzeige: Keine; Position: absolut; links: 0px; Top: 23px; Breite: 150px; } .ChartOptionsFlowtrend ul {float: links; Polsterung: 0px; Rand: 5px; } .ChartOptionsFlowtrend li { /* float: links; */ Anzeige: Block; Position: Relativ; links: 0px; Rand: 0px; klar: beides; } .ChartoptionsFlowtrend li *{float: links; } a: -webkit-any-link {color: -webkit-link; Textdekoration: Unterstreichung; Cursor: Auto; } .Chartquota pa {float: links; Höhe: 21px; Umriss: 0 Keine; Grenze: 1PX Solid #CCC; Zeilenhöhe: 22px; Polsterung: 0 5px; Überlauf: versteckt; Hintergrund: #eaeaa; Farbe: #313131; Textdekoration: Keine; } .Chartquota p {margin: 0px; Folat: übrig; Überlauf: versteckt; Höhe: 23px; Zeilenhöhe: 24px; Anzeige: Inline-Block; } .ChartOptionsFlowtrend p {Höhe: 23px; Zeilenhöhe: 23px; Überlauf: versteckt; Position: Relativ; Z-Index: 2; Hintergrund: #FEFBF7; Padding-Top: 0px; Anzeige: Inline-Block; } .ChartOptionsFlowtrend pa {Border: 1px solide #fff; Rand-Links: 15px; Farbe: #2e91da; } </style>html:
<div> <div> <p> <a href = "JavaScript:;" hideFocus = "true"> <span> 选择指标 </span> <b> </b> </a> </p> </div> <br> <div "> <ul> <li> <Eingabe type =" Checkbox "value =" 1 "> <span> 浏览次数（ pv） </span> </li> <li> <li> </li. <li> <Eingabe type = "checkbox" value = "1"> <span> ip </span> </li> <li> <Eingabe type = "pechbox" value = "1"> <span> 新独立访客 </span> </li> <li> <Eingabe type = "postbox" value = "1"> <pan> hideFocus = "true"> 确定 </a> <a href = "JavaScript:;"
JS:
<script type = "text/javaScript"> $ (function () {$ (". select_checkbox"). Hover (function () {$ (". ChartOptionsFlowtrend"). CSS ("Anzeige", "Inline-Block"); </script>