Html 鼠标悬停时图像的放大

Html 鼠标悬停时图像的放大,html,Html,当光标放在我的帮助文件中时,我想放大图像。 我应该如何在我的html页面中实现这一点? 它与CSS代码或JQuery相关吗 我应该怎么做?您可以使用DynamicDrive网站上的Power Zoomer。非常有用。如果您的客户端使用现代浏览器,我更喜欢使用CSS3转换。 您可以这样做: .img-zoom{ ... } .img-zoom:hover{ transform:scale(1.5); } 您还可以添加过渡以获得更好的体验: .img-zoom{ transition: tran

当光标放在我的帮助文件中时,我想放大图像。 我应该如何在我的html页面中实现这一点? 它与CSS代码或JQuery相关吗


我应该怎么做?

您可以使用DynamicDrive网站上的Power Zoomer。非常有用。

如果您的客户端使用现代浏览器,我更喜欢使用CSS3转换。 您可以这样做:

.img-zoom{
...
}

.img-zoom:hover{
transform:scale(1.5);
}
您还可以添加过渡以获得更好的体验:

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

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

欢迎来到SO!请看一看。你真的应该先自己尝试一下,发布一些代码,等等。现在这个问题太广泛了,无法回答(或者你只是想要一个插件?),也许你应该试试谷歌搜索:“css3图像缩放”或“jquery图像缩放”