在div中滚动鼠标放大缩小图片， 并且能控制图片的最大像素，可以拖动图片，可以旋转图片。
1条回答 默认 最新
zhangsheng_1992 2016-06-16 09:56关注可以用 onmousewheel来控制缩放 触发时同事改变图片的宽高即可
拖动的话你可以结合onmousedown() + onmousemove() 方法来获取移动的x和y距离 然后一动图片到指定位置即可
旋转的话建议加个按钮 用插件来做推荐用move.jsli 面的的rotate()即可实现 当然你也可以控制像素的话暂时做不到
解决 无用评论 打赏举报
分享
- 2022-06-11 17:15回答 3 已采纳 /* #d1 .img:hover { transform: scale(1.1); } */ #d1:hover .img { transform: scale(1.1); }
- 2017-08-17 08:53回答 1 已采纳 http://www.jq22.com/jquery-info318 这个是你需要的 可以直接使用 也可以参考（和你的需求相同）
- 2017-08-28 07:42回答 4 已采纳 **px是固定多少个像素 不会随着你的浏览器大小改动而改动 **%是当前div在上层div中的百分比会随着上层的大小而改动 位置要用相对位置 h2{position: absolute; top:
- 2018-09-12 09:06js实现图片在div内滚轮放大缩小拖动，有滚动条，双击回原状，无插件，赠送网上搜罗的其他的一些图片放大缩小文件，在每个压缩包是一个，打开压缩包里的网页文件就可以看效果。本人的在“自己的.html”里，记事本打开...
- 2017-03-28 08:35回答 5 已采纳 拿当前的scrollTop和之前的scrollTop对比 如果变大了，表示向下滚动（scrollTop值变大）； 如果变小了，表示向上滚动（scrollTop值变小）。 [可以看下这个]
- 2016-11-01 03:17回答 4 已采纳 用的 margin: 0 auto 解决 ``` @media(min-width:600px){ .TabListItem .ListItem1-2 .ItemIcon{
- 2016-12-11 06:50回答 2 已采纳 div是块级标签，你必须设置div的长和宽，才能显示图片
- 2020-12-28 21:00本文实例讲述了jQuery实现滚动鼠标放大缩小图片的方法。分享给大家供大家参考，具体如下： 在项目制作过程中，遇到了这么一个需求，就开发了一个，记录一下。 首先，需要定义html元素和css样式： <div xss=removed>...
- 2022-04-12 12:22回答 2 已采纳 因为 https://www.desmos.com/calculator/vgfqbejegx?lang=zh-CN 网站的头部，设置了 mate viewport，告诉了在移动端该如何缩放页面并且
- 2019-12-19 12:44回答 4 已采纳 输出是什么意思，展示吗？把尖括号换成& l t；和& g t；就好了，注意是英文半角状态下的连续字符我这加了空格了。如果用jQuery写入的话直接$(div）.text("你的文本")也实现了
- 2016-11-13 04:09回答 3 已采纳 帮你写了个，望采纳 ``` 这里显示图片 ```
- 2019-12-18 17:15美酒没故事°的博客 // 赋值默认宽度 container.onmouseover = ()=> { // 鼠标经过事件 img.onmousewheel = (b)=> { // 鼠标滚动事件 console.log(b); // 打印 b ，可以看到鼠标滚动得很多信息 b.wheelDelta ; // 其中 wheelDelta 对象...
- 2018-02-13 00:22回答 3 已采纳 You can do this all in CSS using hover, no need for javascript copy the style sheet from below. &
- 2023-10-11 10:45朝阳39的博客 <div> 原图h1> <img src="https://so.360tres.com/dmsmty/160_160_100/t01b29734b9604fb7aa.webp" /> 可放大缩小的图h1> <div class="imgView"> ... // 鼠标经过事件 imgView.onmouseover = (e1) => { if (e1.target....
- 2021-06-12 09:55青州重楼上的博客 使用Jquery鼠标点击图片，划动鼠标滚轮放大缩小图片。鼠标滚轮放大图片img{border:2px solid #000000;margin:10px;}body{font-family:Verdana,Arial,sans-serif;font-size:80%;margin:0;padding:0;}div.body{margin:...
- 没有解决我的问题, 去提问
悬赏问题
- ¥20 求数据集和代码#有偿答复
- ¥15 关于下拉菜单选项关联的问题
- ¥20 java-OJ-健康体检
- ¥15 rs485的上拉下拉，不会对a-b<-200mv有影响吗，就是接受时，对判断逻辑0有影响吗
- ¥15 使用phpstudy在云服务器上搭建个人网站
- ¥15 应该如何判断含间隙的曲柄摇杆机构，轴与轴承是否发生了碰撞？
- ¥15 vue3+express部署到nginx
- ¥20 搭建pt1000三线制高精度测温电路
- ¥15 使用Jdk8自带的算法，和Jdk11自带的加密结果会一样吗，不一样的话有什么解决方案，Jdk不能升级的情况
- ¥15 画两个图 python或R