0

我需要创建一个 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"/>

提前致谢。

4

1 回答 1

0

使用 jquery 或 javascript。首先使图标和表格可见性为假,然后使它们出现在比较按钮的单击事件中。或者您可以使用 jquery 或 javascript 动态添加该按钮。

于 2013-02-02T09:31:58.733 回答