jquery - 鼠标悬停时图像弹出

Question

我在用 HTML 构建的网页上有一个播放按钮的图像，但我添加了一些代码，它已将图像更改为正方形，或者它在我的正方形播放按钮上创建了一个图像。

我如何纠正这个问题并获取代码以应用到我的播放按钮图像？

我还希望当我将鼠标悬停在图像上时图像向外弹出，而不是现在它向内弹出。

HTML

<a class="thumbnail" <IMG STYLE="position:absolute; TOP: 516px; LEFT:1233px; WIDTH:130px; HEIGHT:130px" SRC="play button.png"</a>

JQUERY

$('.thumbnail').mouseover(function() {
 $('.thumbnail').removeClass('hover');
 $(this).addClass('hover');
});

CSS

.thumbnail:hover, .thumbnail.hover {}
.thumbnail:hover span, .thumbnail.hover span {}

Answer 1

你的 html 无效，愚蠢。

<a class="thumbnail">
<IMG STYLE="position:absolute; TOP: 516px; LEFT:1233px; WIDTH:130px; HEIGHT:130px" SRC="play-button.png">
</a>

应该可以解决