在鼠标悬停时放大图像

Question

我想在放置光标时将图像放大到我的帮助文件中。 我应该怎么做才能在我的html页面中实现这个功能？ 它与CSS代码或JQuery相关吗？

我应该怎么做？

Answer 1

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

Answer 2

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

.img-zoom{ 
... 
} 

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

您还可以添加一个更好的体验的转变：

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

当然，你将不得不支持添加到其他浏览器。