效果图
CSS:
<style type = "text/css">/ * 带复选框的下拉框 */ul li {estilo de lista: nenhum; preenchimento: 0px; margem: 0px; } .select_checkbox {borda: 0px sólido vermelho; Posição: relativa; Exibição: bloco embutido; } .Chartquota {Height: 23px; flutuar: esquerda; Exibição: bloco embutido; borda: 0px preto sólido; Posição: relativa; } .ChartoptionsFlowTrend {Z-Index: 300; cor de fundo: branco; borda: 1px cinza sólido; Exibir: Nenhum; Posição: Absoluto; Esquerda: 0px; Top: 23px; Largura: 150px; } .ChartoptionsFlowTrend ul {float: esquerda; preenchimento: 0px; margem: 5px; } .ChartoptionsFlowTrend li { /* float: esquerda; */ display: bloco; Posição: relativa; Esquerda: 0px; margem: 0px; claro: ambos; } .ChartoptionsFlowTrend li *{float: esquerda; } a: -webkit-any-link {color: -webkit-link; Decoração de texto: sublinhado; Cursor: Auto; } .Chartquota pa {float: esquerda; Altura: 21px; Esboço: 0 Nenhum; borda: 1px sólido #ccc; altura da linha: 22px; preenchimento: 0 5px; estouro: oculto; Antecedentes: #eaeaea; Cor: #313131; Decoração de texto: Nenhum; } .Chartquota p {margem: 0px; Folat: Esquerda; estouro: oculto; Altura: 23px; altura da linha: 24px; Exibição: bloco embutido; } .ChartoptionsFlowTrend p {Hight: 23px; altura de linha: 23px; estouro: oculto; Posição: relativa; Z-Index: 2; Antecedentes: #fefbf7; Top-top: 0px; Exibição: bloco embutido; } .ChartoptionsFlowTrend PA {Border: 1px Solid #FFF; margem-esquerda: 15px; Cor: #2E91DA; } </style>HTML:
<div> <div> <p> <a href = "javascript :;" hidefocus = "true"> <pan> 选择指标 </span> <b> </b> </a> </p> </div> <br> <br "> <ul> <li> <input type =" caixa de seleção "value =" 1 "> <put> 浏览次数 （pv） </span> </li> <li> <input <ppyt)" </li> <li> <input type = "caixa de seleção" value = "1"> <pan> ip </span> </li> <li> <input type = "caixa de seleção" value = "1"> <pan> 新独立访客 </span> </;; hidefocus = "true"> 确定 </a> <a href = "javascript:;
JS:
<script type = "text/javascript"> $ (function () {$ (". select_checkbox"). hover (function () {$ (". </script>