jQuery实现鼠标停留在图片上,图片缩小,移开,图片还原
时间: 2024-04-30 19:22:39 浏览: 70
利用鼠标实现图片移动和缩放
4星 · 用户满意度95%
jQuery可以使用mouseover和mouseout事件来实现鼠标悬停在图片上时的效果。具体代码如下:
```javascript
$(document).ready(function(){
// 当鼠标悬停在图片上时,图片缩小
$("img").mouseover(function(){
$(this).animate({width: "90%"}, 200);
});
// 当鼠标移开时,图片还原
$("img").mouseout(function(){
$(this).animate({width: "100%"}, 200);
});
});
```
希望这个回答对您有帮助!
阅读全文