效果图 ：
CSS:
<style type = "text/css">/ * 带复选框的下拉框 */ul li {list-style: none; relleno: 0px; margen: 0px; } .select_checkbox {border: 0px sólido rojo; Posición: relativo; Pantalla: bloque en línea; } .chartquota {altura: 23px; flotante: izquierda; Pantalla: bloque en línea; borde: 0px negro sólido; Posición: relativo; } .ChartoptionsFlowTrend {Z-índice: 300; Color de fondo: blanco; borde: 1px gris sólido; Pantalla: ninguno; Posición: Absoluto; Izquierda: 0px; arriba: 23px; Ancho: 150px; } .chartoptionsflowtrend ul {float: izquierda; relleno: 0px; margen: 5px; } .ChartoptionsFlowTrend li { /* float: izquierda; */ Display: bloque; Posición: relativo; Izquierda: 0px; margen: 0px; claro: ambos; } .ChartoptionsFlowTrend Li *{float: izquierda; } a: -webkit-anhy-link {color: -webkit-link; Decoración de texto: subrayado; cursor: auto; } .chartquota pa {float: izquierda; Altura: 21px; Esquema: 0 ninguno; borde: 1px sólido #ccc; Línea de altura: 22px; relleno: 0 5px; desbordamiento: oculto; Antecedentes: #eaeaea; Color: #313131; Decoración de texto: ninguna; } .chartquota p {margen: 0px; folat: izquierda; desbordamiento: oculto; Altura: 23px; Línea-aguja: 24px; Pantalla: bloque en línea; } .ChartoptionsFlowTrend P {altura: 23px; Línea de altura: 23px; desbordamiento: oculto; Posición: relativo; índice z: 2; Antecedentes: #FEFBF7; Top-top: 0px; Pantalla: bloque en línea; } .chartoptionsflowtrend pa {border: 1px solid #fff; margen izquierda: 15px; Color: #2E91DA; } </style>HTML:
<div> <div> <p> <a href = "javascript :;" hidefocus="true"><span>选择指标</span> <b></b> </a> </p> </div><br> <div"> <ul> <li><input type="checkbox" value="1"><span>浏览次数（PV）</span> </li> <li><input type="checkbox" value="1"><span>独立访客（UV）</span> </li> <li> <input type = "checkbox" value = "1"> <span> ip </span> </li> <li> <input type = "checkBox" value = "1"> <span> 新独立访客 </span> </li> <li> <input type = "checkbox" value = "1"> <span> 访问次数 </ai> </li> </ul> <p> <p> HideFocus = "True"> 确定 </a> <a href = "javascript :;"
JS:
<script type = "text/javaScript"> $ (function () {$ (". select_checkbox"). Hover (function () {$ (". ChartoptionsFlowTrend"). CSS ("Display", "Inline-Block");}, function () {$ (". ChartoPtionsFlowtrend"). </script>