如何在對焦或對焦時改變圖像，以便用戶知道選擇了哪一個？

Question

請問您可以告訴我如何在jQuery Mobile中添加焦點和未聚焦的圖像。我添加一個按鈕。我需要改變想象中的圖像？ onfocus或在unfocus，這樣用戶就可以很容易地識別。哪個按鈕被選中或哪個按鈕被選中。如果我有兩個按鈕，我想我需要檢查哪個按鈕被選中或哪個按鈕未被選中？

你能告訴我該怎麼做這個任務嗎？

我使用這樣

<div class="ui-block-c" style="margin-left: 5px;"> 
     <a href="#" data-role="button" data-corners="false" data-inline="true" class="next_h" id="next">Next</a> 
    </div> 
    <div class="ui-block-d" style="margin-left: 30px;"> 
     <a href="#" data-role="button" data-corners="false" data-inline="true" class="previous_h" id="prev">Previous</a> 
    </div> 

Answer 1

你可以簡單的使用：懸停動畫懸停。

或者爲focusin和focusout事件添加一個類，如下所示;

使用CSS和jQuery;

$("a").focusin(function(){ 
    $(this).addClass("selected"); 
}); 

$("a").focusout(function(){ 
    $(this).removeClass("selected"); 
}); 

並定義一個新的CSS規則;

.selected { 
    (add your selected picture as a background or another effect) 
} 

如果你想單獨的背景圖片;

.selected .next_h { 
    (add your selected picture as a background or another effect) 
} 
.selected .prev_h { 
    (add your selected picture as a background or another effect) 
}