當鼠標懸停在超鏈接上時顯示圖片縮略圖（jQuery，CSS？）

Question

我有一張桌上有足球運動員，所有玩家的名字都是超鏈接。當用戶點擊鏈接時，一個lightbox事件開始並顯示所選播放器的圖片。所以我想要發生的事情是，當用戶將鼠標懸停在鏈接上時，會顯示該實際玩家圖片的縮略圖。

Answer 1

Simply st。像這樣：

<a href=""> 
    Player name 
    <img src="thumb.jpg"> 
</a> 

<style> 
a {position: relative;} 
img {display: none; width: 100px; height: 100px; background: red; position: absolute; top: 20px; left: 0;} 
a:hover img {display: block;} 
</style> 

http://jsfiddle.net/zrcgfmh7/

圖像上有position: absolute;以避免在文件的其餘部分移動的其他元素。