效果图:
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>