鼠标悬停时放大图像

Question

我希望在我的帮助文件中放置光标时放大图像。 我该怎么做才能在我的html页面中实现这一点？ 它与CSS代码或JQuery

有关

我该怎么做？

Answer 1

如果您的客户使用的是现代浏览器，我更愿意使用CSS3转换。 你可以这样做：

.img-zoom{
...
}

.img-zoom:hover{
transform:scale(1.5);
}

您还可以添加转换以获得更好的体验：

.img-zoom{
transition: transform 0.2s ease-in-out;
...
}

当然，您必须添加对其他浏览器的支持。

Answer 2

您可以使用DynamicDrive网站上的Power Zoomer。是一种享受。