小编sil*_*nka的帖子

如何在悬停时使下拉菜单悬停并将背景窗口设置为透明？

像这样:

和下拉菜单悬停如下:

所以,我想在下拉菜单悬停像背景模态时将背景窗口设置为透明.

$(document).ready(function(){
    $(".dropdown").hover(function(){
        $(".backdrop").show();
        }, function(){
        $(".backdrop").hide();
    });
});

Run Code Online (Sandbox Code Playgroud)

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    z-index: 101;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn …

Run Code Online (Sandbox Code Playgroud)

html css html5 css3

sil*_*nka

2016 10-13

2
推荐指数

1
解决办法

1190
查看次数

jquery 如果复选框选中添加值 true

如果选中复选框然后状态值设置为“真”，如果未选中的值设置为“假”，如何使 jquery 单击功能？

如果我选中复选框 1 ，则状态 1 设置为 true 如果选中复选框 2 则状态 2 设置为 true 如果我选中复选框 3 则状态 3 设置为 true

<div class="form-group">    
  <label><input name="checkBox[]" type="checkbox" value="1"> Checkbox 1</label>
   <input name="status[]" type="text" value="">
</div>
<div class="form-group">    
   <label><input name="checkBox[]" type="checkbox" value="2"> Checkbox 2</label>
   <input name="status[]" type="text" value="">
</div>
<div class="form-group">    
  <label><input name="checkBox[]" type="checkbox" value="3"> Checkbox 3</label>
   <input name="status[]" type="text" value="">
</div>

Run Code Online (Sandbox Code Playgroud)

javascript jquery

sil*_*nka

2017 03-30

0
推荐指数

1
解决办法

7623
查看次数