Question

我想在我的html中添加一个输入图像按钮，当点击它时会给出一个带有三个输入范围条的下拉菜单（输入类型=＆＃34;范围＆＃34;）。我怎么能用html，css，javascript做到这一点？

Answer 1

你必须使用jquery制作你的图片和表格，然后应用这个jquery脚本，它将显示和隐藏范围输入。

$("#under").hide();
$("#clicker").click(function() {
  $("#under").toggle();
});

.under {
  position: absolute;
}
#clicker {
  cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://placehold.it/350x75" id="clicker" />
<div class="under" id="under">
  <input type="range" />
  <br />
  <input type="range" />
  <br />
  <input type="range" />
  <br />
</div>

我为它制作了一个jsfiddle：https://jsfiddle.net/a6ry2j4s/

将下拉菜单添加到图像按钮

1 个答案: