效果圖：
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>