博客
关于我
前端页面,90°翻转图片、滚动鼠标滑轮放大缩小图片
阅读量:414 次
发布时间:2019-03-06

本文共 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)';     } };
 
 

转载地址:http://exyuz.baihongyu.com/

你可能感兴趣的文章
值类型与引用类型(中)
查看>>
QBlog V2.5 源码开放下载(ASP.NET 番外系列之开端)
查看>>
秋色园引发CPU百分百命案的事件分析与总结
查看>>
稀疏数组
查看>>
js的严格模式
查看>>
Oracle VM VirtualBox安装PVE虚拟机
查看>>
Android MediaPlayer setDataSource failed
查看>>
ASP.NET Core 实战:Linux 小白的 .NET Core 部署之路
查看>>
【nodejs原理&源码杂记(8)】Timer模块与基于二叉堆的定时器
查看>>
虚拟机搭建hadoop环境
查看>>
DataStax Bulk Loader教程(四)
查看>>
.NET应用框架架构设计实践 - 概述
查看>>
[菜鸟的设计模式之旅]观察者模式
查看>>
Spring-继承JdbcDaoSupport类后简化配置文件内容
查看>>
Java基础IO流(一)
查看>>
Hibernate入门(四)---------一级缓存
查看>>
一个web前端开发者的日常唠叨
查看>>
内存分配-slab分配器
查看>>
技术写作技巧分享:我是如何从写作小白成长为多平台优秀作者的?
查看>>
Jupyter Notebook 暗色自定义主题
查看>>