bfwzoom，jquery中心点缩放元素插件
今天给大家带来一款jquery中心点缩放元素插件bfwzoom.js
以往大家缩放的时候直接加一个onmousewheel的事件，更改对象的zoom值实现，如下面这段代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>BFW NEW PAGE</title> </head> <body> <img src="http://repo.bfw.wiki/bfwrepo/image/5d6539613d08b.png"BfwOnmousewheel="return zoomImg(this)"> <div style="width:100px;height:100px;background-color: red"BfwOnmousewheel="return zoomImg(this)"></div> <script> function zoomImg(obj) { // 一开始默认是100% let zoom = parseInt(obj.style.zoom, 10) || 100; // 滚轮滚一下wheelDelta的值增加或减少120 zoom += event.wheelDelta/12; if (zoom > 0) { obj.style.zoom = zoom + '%'; } return false; } </script> </body> </html>
点击查看剩余70%
{{collectdata}}
网友评论0