任何人都知道如何在悬停时显示复选框?

时间:2014-09-18 21:55:48

标签: javascript html css

当我将鼠标悬停在div或标签上时(或只是一些任意文本),我试图显示一个垂直的复选框列表。有谁知道如何做到这一点?

我附上了一段我正在使用的HTML代码:

标签:

<label class="left-padding">
     <font color="black">Custom: </font>
     <select name="options" ng-model="PODOptions" ng-change="PODOptionsHandler()">
          <option value="" select> </option>
          <option value="extendedView">Show Extended View</option>
          <option value="hideView">Hide Extended View</option>
          <option value="showFilter">Show Filter</option>
          <option value="hideFilter">Hide Filter</option>
     </select>
</label>

要显示的垂直复选框列表:

<li>
    <center> <label>Region </label></center>
</li>
<br>
<li class="active">
    <center><input type="checkbox" ng-model="search.location" ng-true-value="mu" ng-false-value=""/>  1</center>
</li>
<br>
<li class="active">
    <center><input type="checkbox" ng-model="search.location" ng-true-value="pv" ng-false-value=""/>  2</center>
</li>
<br>
<li class="active">
    <center><input type="checkbox" ng-model="search.location" ng-true-value="nk" ng-false-value=""/> 3</center>
</li>
<br>
<li class="active">
    <center><input type="checkbox" ng-model="search.location" ng-true-value="st" ng-false-value=""/>  4</center>
</li>
<br>
<li class="active">
    <center><input type="checkbox" ng-model="search.location" ng-true-value="ry" ng-false-value=""/>  5</center>
</li>
<br>
<li class="active">
    <center><input type="checkbox" ng-model="search.location" ng-true-value="sd" ng-false-value=""/>  6</center>
</li>
<br>
<li>
    <center> <label> Type </label></center>
</li>
<br>
<li class="active">
    <center><input type="checkbox" ng-model="search.status" ng-true-value="prod" ng-false-value=""/>  7</center>
</li>
<br>
<li class="active">
    <center><input type="checkbox" ng-model="search.status" ng-true-value="dev" ng-false-value=""/>  8</center>
</li>
<br>
<li>
    <center> <label> Cluster Type </label></center>
</li>
<br>
<li class="active">
    <center><input type="checkbox" ng-model="search.cluster_type" ng-true-value="siri" ng-false-value=""/>  9</center>
</li>
<br>
<li class="active">
    <center><input type="checkbox" ng-model="search.cluster_type" ng-true-value="speech" ng-false-value=""/>  10</center>
</li>

0 个答案:

没有答案