突出显示标签更改时的图像

Question

我需要你的帮助。我需要通过选项卡更改方式通过选项卡上的虚线突出显示图像，当我到达该图像时应突出显示。

我的代码如下：

<td><a href="javascript:doSubmit();"><img src="../images/sign-in-btn.jpg" alt="" width="78" height="25" /></a></td>

它是一个解决按钮目的的图像。使用选项卡时，不会突出显示此图像。所以我需要帮助。

等待早期回复。

提前致谢： TANU

Answer 1

您可以使用jQuery实现此目的，当您到达img标签

时放置此行

jQuery("#imgId").animate( { backgroundColor: '#65A6D1' }, 500).animate( { backgroundColor: 'white' }, 1000);

Answer 2

如果你只是希望你的图像在聚焦时表现得像标准按钮，显示相同的虚线边框，你只需要在其上设置.tabIndex属性：

<td>
<a href="javascript:doSubmit();">
<img src="../images/sign-in-btn.jpg" tabindex="0" alt="" width="78" height="25" />
</a></td> 

Answer 3

好的，我找到了另一种方式。而不是img元素，尝试使用类型为“image”的输入元素：

<td>
<a href="javascript:doSubmit();">
<input type="image" src="../images/sign-in-btn.jpg" alt="" width="78" height="25" />
</a></td>

这些输入元素在单击或聚焦时通常表现得像按钮。