求鼠标点击图片时，图片能放大，放大到一定程度又有缩小？

clever_newlearning 2008-11-06 11:01:32

鼠标点击图片时，图片能放大，放大到一定程度又有缩小，鼠标点击能放大图片，又能缩小图片，不然图片放大了就不能缩小了，好像那个图片浏览的放大镜一样，因为是触摸屏没有鼠标，只能是用手点，能不能实现这种效果，求助！

...全文

517 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

clever_newlearning 2008-11-06

打赏
举报

用鼠标滚轮能实现图片放大的效果，能不能鼠标点击图片时，图片能放大

clever_newlearning 2008-11-06

打赏
举报

是要用JS实现，有没列子.

mute_solo 2008-11-06

打赏
举报

给你一个实例，纯css实现，你看看行不行？
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/

allen0228 2008-11-06

打赏
举报

可以 js 通过鼠标触发事件还有简单的隐藏显示--->style.display=....

gaocctv 2008-11-06

打赏
举报

只能由JS来实现了

clever_newlearning 2008-11-06

打赏
举报

像用鼠标滚轮能实现图片慢慢放大的效果，能不能鼠标点击图片时，图片放大一点，在点击时，图片再放大

vue3，vue3图片鼠标滚轮放大缩小，vue3图像拖曳拖动，vue3如何实现鼠标拖动图片移动，实现div和图片的拖拽放大缩小，vue3图片图像鼠标可拖动且缩小放大效果，vue3让div容器图片可拖动，图片怎么可鼠标滚轮放大，图像如何支持鼠标拖动和滚轮放大缩小，vue3中实现图片拖拽，vue3实现图片的放大缩小(以鼠标位置为中心放大缩小)以及拖拽功能，图片缩放，实现图片的随意拖动方法，实现用鼠标让图片放大缩小拖拽，vue3鼠标拖动图像放大缩小，图像滚轮缩放和拖拽，vue3项目中鼠标滚轮缩放图片大小和拖拽效

本文实例讲述了JS与CSS3实现图片响应鼠标移动放大效果。分享给大家供大家参考，具体如下：今天看网易的网站上，当我把鼠标放上去的时候发现图片放大，移开图片缩小，于是自行尝试，结果如下。方法一：使用js和css3效果如图：这样的实现非常简单，就是利用js的mouseover和 mouseout事件，但是不知道如何使图片从中间放大，日后再行尝试吧，代码如下：网易图片动画div.img {width: ...

背景与效果图 1.背景如下（功能图）： 2.效果图如下：拖拽后的效果缩放的效果放大的效果一、功能：支持鼠标长按拖拽 1.鼠标事件： 2.拖拽功能流程 3.拖拽部分代码如下二、功能：滚轮控制图片放大缩小 1.鼠标事件(推荐使用onwheel；mousewheel存在安全隐患) 2.功能流程： 3.具体代码如下：三、案例功能的完整代码如下：四、总结(一定要看，功能是有坑的)

替换为您实际的图片路径，以及根据需要调整放大倍数和过渡效果的时间。这样，当鼠标移动到图片上方时，图片就会放大显示。您可以使用CSS和JavaScript结合实现当鼠标移动到图片上方时，让图片放大的效果。的样式，确保图片放大后不会溢出容器。然后对图片设置了过渡效果。将图片放大1.2倍（实现缩小可将数值定在(0,1)内）。在上面的示例中，我们首先创建了一个包含图片的。，当鼠标悬停在容器上时（即。

vue图片拖拽及鼠标滚轮放大缩小效果，vue实现图片放大缩小及拖拽，vue项目实现图片缩放与拖拽功能，vue如何实现图片放大缩小拖拽，vue实现图片拖拽及鼠标滚轮放大缩小，vue图像拖拽,鼠标滚轮放大缩小，基于vue图片拖拽放大缩小，vue实现拖着一张图片走的效果，vue怎么让一张图片可以拖动，vue网页使图片图像可以用鼠标拖动，vue鼠标在图片上的时候怎么用滚轮缩放图片大小，vue 图片拖拽和滚轮缩放，vue组件实现图片的拖拽和缩放，Vue2实现图片的拖拽,缩放和旋转效果的示例代码，vue 图像拖拽、鼠标

CSS

61,128

社区成员

60,711

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章