效果图 ：
CSS ：
<style type = "text/css">/ * 带复选框的下拉框 */ul li {list-style: none; Заполнение: 0px; поля: 0px; } .select_checkbox {border: 0px Solid Red; позиция: относительно; дисплей: встроенный блок; } .chartquota {height: 23px; Плавание: осталось; дисплей: встроенный блок; Граница: 0px твердый черный; позиция: относительно; } .chartoptionsflowtrend {z-index: 300; фоновый цвет: белый; Граница: 1px сплошной серый; дисплей: нет; позиция: абсолютно; слева: 0px; Верх: 23px; Ширина: 150px; } .Chartoptionsflowtrend ul {float: left; Заполнение: 0px; Маржа: 5px; } .Chartoptionsflowtrend li { /* float: left; */ дисплей: block; позиция: относительно; слева: 0px; поля: 0px; ясно: оба; } .Chartoptionsflowtrend li *{float: left; } a: -webkit-any-link {color: -webkit-link; Текстовое декорация: подчеркивание; Курсор: Авто; } .chartquota pa {float: left; Высота: 21px; Схема: 0 Нет; Граница: 1PX SOLID #CCC; высота линии: 22px; Заполнение: 0 5px; переполнение: скрыто; Фон: #eaeaea; Цвет: #313131; Текстовое декорация: нет; } .chartquota p {margin: 0px; ФОЛАТ: Оставо; переполнение: скрыто; Высота: 23px; высота линии: 24px; дисплей: встроенный блок; } .Chartoptionsflowtrend p {height: 23px; высота линии: 23px; переполнение: скрыто; позиция: относительно; Z-Index: 2; Предыстория: #fefbf7; надоеволок: 0PX; дисплей: встроенный блок; } .Chartoptionsflowtrend pa {border: 1px solid #fff; Мяботая маржа: 15px; Цвет: #2E91DA; } </style>html ：
<div> <div> <p> <a href = "javascript:;" hidefocus = "true"> <pan> 选择指标 </span> <b> </b> </a> </p> </div> <br> <div "> <ul> <li> <input type =" fackbox "value =" 1 "> <pan> 浏览次数 （Pv) </span> </li> <li> <input =" value = "1"> </span> </li> <li> <input = "value =" 1 "> </span> </li> <li> <input =" </li> <li> <input type = "fackbox" value = "1"> <pan> ip </span> </li> <li> <input type = "fackbox" value = "1"> <pan> 新独立访客 </span> </li> <li> <input type = "fackbox" value = "1"> <span> 访问次数 span> </li> </ul> <p> <a hrefcript: hidefocus = "true"> 确定 </a> <a href = "javascript:;" hidefocus = "true"> 取消 </a> </p> </div> </div>
JS ：
<script type = "text/javascript"> $ (function () {$ (". select_checkbox"). Hover (function () {$ (". Chartoptionsflowtrend"). CSS ("Display", "inline-block");}, function () {$ (". CHARTOPTOPTOWTREND"). </script>