效果图：
CSS：
<style type =“ text/css”>/ *带复选框的下拉框 */ul li {list-style：none;填充：0px;保证金：0px; } .Select_Checkbox {border：0px实心红色;位置：相对；显示：内联块； } .chartquota {高度：23px;浮子：左；显示：内联块；边界：0px实心黑色；位置：相对； } .chartoptionsFlowTrend {z-index：300;背景色：白色；边界：1px固体灰色；显示：无；位置：绝对；左：0px;顶部：23px;宽度：150px; } .chartoptionsFlowTrend ul {float：left;填充：0px;保证金：5px; } .chartoptionsFlowTrend li { /* float：left; */ display：block;位置：相对；左：0px;保证金：0px;清晰：两者; } .chartoptionsFlowTrend li *{float：left; } a：-webkit-hone-link {color：-webkit-link;文本描述：下划线；光标：自动； } .chartquota pa {float：left;身高：21px;轮廓：0无；边界：1PX实心#CCC;线高：22px;填充：0 5px;溢出：隐藏；背景：#EAEAEA;颜色：＃313131;文本介绍：无； } .chartquota p {margin：0px; Folat：左；溢出：隐藏；身高：23px;线高：24px;显示：内联块； } .chartoptionsFlowTrend P {高度：23px;线高：23px;溢出：隐藏；位置：相对； z索引：2;背景：＃fefbf7;填充：0px;显示：内联块； } .chartoptionsFlowTrend pa {border：1px solid #fff;左翼：15px;颜色：＃2E91DA; } </style>HTML：
<div> <div> <p> <a href =“ javascript ：;” hidefocus =“ true”> <span> </span> <b> </b> </b> </a> </p> </div> </div> <br> <br> <div“> <ul> <ul> <ul> <ul> <ul> <li> <input type =“ checkbox” conschbox“ value =” 1“ 1”> <span> <span> <span> pv） <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>访问次数</span> </li> </ul> <p> <a href="javascript:;" hidefocus =“ true”>确定</a> <a href =“ javascript ：;
JS：
<script type =“ text/javascript”> $（function（）{$（“。select_checkbox”）。hover（function（）{$（“。 </script>