随鼠标滚轮缩小和放大图片

/* 放大图片 */
$(".modal-body").on("mousewheel", "img", function() {
v = event.wheelDelta
if(v > 0)
resizeImg(this, false);
else
resizeImg(this, true);
window.event.returnValue = false;
return false;
})

function resizeImg(node, isSmall) {
if(!isSmall) {
$(node).width($(node).width() * 1.2);
} else {
$(node).width($(node).width() * 0.8);
}
}

随鼠标滚轮缩小和放大图片相关推荐

JS实现鼠标滚轮缩小放大拖动图片代码
Jquery,JS实现鼠标滚轮缩小放大拖动图片代码直接上代码:可以直接使用: <!doctype html public "-//W3C//DTD XHTML 1.0 Transit ...
每日一Tip：Jetbrains旗下集成环境（pycharm、IDEA等）使用Ctrl +鼠标滚轮上下滑放大缩小快捷键设置
第一步: 找到settings配置选项, 如下图: 第二步: 选定左侧栏Keymap,在右侧搜索框搜font关键词.看到Editor Actions下的内容第三步: Decrease Font si ...
IDEA设置滚动滑轮、鼠标滚轮上下滑动放大缩小字体、Ctrl+0恢复原始字体大小
ctrl+0恢复的默认字体大小可以通过下面的这个位置设置
【QT】QT从零入门教程(七)：鼠标滚轮实现图像的放大缩小
鼠标滚轮实现图像放大缩小的主要思想:通过wheelEvent来获得鼠标滚轮的angleDelta,即滚轮转角.然后通过数据类型转换,将读取的值转换成整型数值叠加到图像的尺寸长和宽上,从而实现图像的放大 ...
【Pycharm】用鼠标滚轮放大缩小字体
放大字体 File->Setting->Keymap->搜索"increase"->选第一个"Increase Font Size"并双 ...
js实现鼠标滚轮放大缩小页面指定区域(css3 scale)
一.需求鼠标滚轮在红色边框区域内向上滚动:绿色边框盒子里所有元素缩小. 鼠标滚轮在红色边框区域内向下滚动:绿色边框盒子里所有元素放大. 点击还原按钮:绿色盒子里所有元素还原为初始值. 二.相关知识点 ...
Vue 实现鼠标滚轮缩放图片并拖动
需求:实现鼠标滚轮上滚下滚缩放图片,单击不松开拖动图片给图片添加一个盒子 // dom <div @mousewheel.prevent="rollImg" class=& ...
gis怎么改鼠标滚轮缩放_PhotoShop缩放画面的快捷方式
无论是放大还是缩小,消除菜单栏混乱,还是同时查看多个窗口,您都可以通过多种方式查看工作的PSD.因此,让这种具有影响力和有用的查看PSD的功能变得易于使用. 1.使用F在屏幕模式之间切换: 点击F一次 ...
java响应鼠标滚轮事件_鼠标滚轮事件MouseWheel
其实在大多数浏览器(IE6, IE7, IE8, Opera 10+, Safari 5+,Chrome)中,都提供了 "mousewheel" 事件.但杯具的是 Firefox ...

随鼠标滚轮缩小和放大图片

随鼠标滚轮缩小和放大图片相关推荐

最新文章

热门文章