前端页面,90°翻转图片、滚动鼠标滑轮放大缩小图片
发布日期:2021-05-09 02:05:43 浏览次数:13 分类:博客文章

本文共 435 字,大约阅读时间需要 1 分钟。

话不多说,直接上代码:

#set($_title = "查看司机照片") #parse("common/_header.vm")       
代码解析:

 

 
其中 onmousewheel="return bigimg(this)"  控制鼠标滑轮的滚动事件。(其中放大缩小比例可以通过修改  zoom += event.wheelDelta / 20;  后面的分母,分母越小,滚动一次缩放比例越大)
下面这段代码控制点击翻转图片90°。
window.onload = function(){     var current = 0;     document.getElementById('target').onclick = function(){         current = (current+90)%360;         this.style.transform = 'rotate('+current+'deg)';     } };
 
 
上一篇:前端页面,90°翻转图片、滚动鼠标滑轮放大缩小图片
下一篇:深度解析Django REST Framework 批量操作

发表评论

最新留言

做的很好,不错不错
[***.243.131.199]2025年04月17日 03时40分53秒