在悬停超链接时显示图像缩略图（JQuery，CSS？）

Question

我有一个足球运动员的桌子，所有的球员名字都是超链接。当用户点击链接时，灯箱事件开始并显示所选播放器的图片。所以我想要发生的是，当用户将鼠标悬停在链接上时，会显示该实际玩家图片的缩略图。

Answer 1

简单地说。像这样：

<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;，以避免在文档的其余部分移动其他元素。