我需要创建一个 html 页面,其中我有三个带有图像的表格,并且一个按钮比较,在页面加载时只会显示两个表格,当用户单击比较按钮时,第三个表格应该出现三个图标
绿色:高度匹配蓝色:可能匹配红色:不匹配
如何在我的 html 页面中包含这些图标,我可以使用 jquery 做到这一点吗?或任何其他方式?
请帮我。
这是代码,这里我在比较指纹
<td><table style="width: 100%;"><tr>
<td style="width: 10%; text-align: center; border: none;" > Right Thumb</td>
<td style="width: 10%; text-align: center; border: none;"><span style="width: 50%; border: none;"><img src="img/RIGHT_THUMB.png" alt="right thumb" height="120"/></span></td>
<td><table style="width: 100%;"><tr>
<td style="width: 10%; text-align: center; border: none;" > Right Thumb</td>
<td style="width: 10%; text-align: center; border: none;"><span style="width: 50%; border: none;"><img src="img/RIGHT_THUMB.png" alt="right thumb" height="120"/></span></td>
<input type="button" value="compare"/>
提前致谢。