[英]How to create a selection box with icons in HTML javascript?
我想创建一个对话框以从图标网格中选择一个特定的图标。
我将jQuery Impromptu对话框用于其他对话框。但是我不知道该如何制作。请帮助我。
我想您可以将一堆链接放在一个容器中,然后在其中放置一个img。
<div class="iconSelector">
<a href="selecticon.php?icon=1" title="Select 'computer icon'"
><img src="computer.png" alt="computer icon"/></a>
<a href="selecticon.php?icon=2" title="Select 'other icon'"
><img src="computer.png" alt="other icon"/></a>
<a href="selecticon.php?icon=3" title="Select 'computer icon'"
><img src="computer.png" alt="computer icon"/></a>
...
</div>
然后,使用一小段CSS,您就可以使用:
.iconSelector {
display: inline-block;
padding: 8px;
}
.iconSelector a img {
width: 32px;
height: 32px;
}
如果您愿意/可以,可以添加一些Javascript来处理点击。
$(function(){
$('.iconSelector').on('click', 'a', function(e){
e.preventDefault();
alert($(this).attr('href') + ' was clicked');
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.