當鼠標懸停在鏈接上時顯示圖像

Question

我有3個錨標籤，我希望在錨標籤上懸停時顯示每個圖像。我附上圖片和參考的網站是http://online.wsj.com/home-page?refresh=on

jsexec(2, "var", function() { 
    var items = dojo.query("#LSWeekend .newsItem li .selectionTarget"); 
    var result = new Array(); 
    var count = 0; 
    for (var i = 0; i < items.length; i++) { 
     if (items[i].getElementsByTagName('img').length > 0) { 
      result[count] = dojo.query("#LSWeekend .newsItem li .selectionTarget")[i].getElementsByTagName('a')[0].getAttribute('href'); 
      count++; 
     } 
    } 
    var dynamics = dojo.query("#LSWeekend .dynamic a"); 
    for (var a = 0; a < dynamics.length; a++) { 
     dynamics[a].setAttribute('href', result[a]); 
    } 
}); 

Answer 1

這可以很容易地使用CSS「>」操作符來完成。 （這是談到How to change one element while hovering over another）

a > img { 
    display: none; 
} 

a:hover > img { 
    display: block; 
} 

你可以用它在這裏玩：http://jsfiddle.net/SAMdroid/VLUGM/1/