2011-06-03 125 views
0

我需要你的幫助。我需要通過標籤上的虛線突出顯示圖像,當我將該圖像觸及時,應該突出顯示。突出顯示標籤變化圖像

我有這樣的代碼:

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

它是被解決按鈕的目的的圖像。使用選項卡時,不會突出顯示此圖像。所以我需要幫助。

等待提前反應。

在此先感謝: TANU

+0

你可以添加一些更多的細節和你嘗試這樣做的一些示例代碼。謝謝 – 2011-06-03 11:47:50

+0

當焦點對焦時更改圖像的邊框? – oblig 2011-06-03 11:49:28

+0

在問題的代碼塊之前添加4個空格,這樣就可以看到它。 – aorcsik 2011-06-03 11:59:51

回答

0

您可以使用jQuery實現這一點,就把這條線,當你到達IMG標籤

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

如果你只是想你的形象表現得像一個標準的按鈕時顯示相同的虛線邊框,你只需要設置它的.tabIndex屬性:

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

對不起。但它不工作 – Tanu 2011-06-06 07:07:36

+0

雖然,我測試了IE和Firefox的代碼,並且它工作。也許你的形象從來沒有專注於? – Luc125 2011-06-06 08:17:19

+0

不知道是什麼原因,但它不工作.. – Tanu 2011-06-06 08:52:56

0

好的,我找到了另一種方法。代替一個img元素的,嘗試使用輸入元件,其類型是「圖像」:

<td> 
<a href="javascript:doSubmit();"> 
<input type="image" src="../images/sign-in-btn.jpg" alt="" width="78" height="25" /> 
</a></td>
這些輸入元件通常表現得像按鈕點擊或聚焦時。