精华内容
下载资源
问答
  • 鼠标滚轮放大缩小图片
  • 使用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:...

    使用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:10pt}

    $(function(){

    $(".body img").each(function(){

    if($.browser.msie){

    $(this).bind("mousewheel",function(e){

    var e=e||event,v=e.wheelDelta||e.detail;

    if(v>0)

    resizeImg(this,false);

    else

    resizeImg(this,true);

    window.event.returnValue=false;

    return false;

    })

    }else{

    $(this).bind("DOMMouseScroll",function(event){

    if(event.detail<0)

    resizeImg(this,false);

    else

    resizeImg(this,true);

    event.preventDefault();

    })

    }

    });

    function resizeImg(node,isSmall){

    if(!isSmall){

    $(node).height($(node).height()*1.2);

    }else{

    $(node).height($(node).height()*0.8);

    }

    }

    });

    点击图片,划动鼠标滚轮放大缩小图片

    点击图片,划动鼠标滚轮放大缩小图片

    运行效果图:

    原图:

    0818b9ca8b590ca3270a3433284dd417.png

    划动滚轮后的图片:

    0818b9ca8b590ca3270a3433284dd417.png

    展开全文
  • 鼠标滚轮 放大缩小图片

    千次阅读 2007-05-21 12:54:00
    js实现鼠标滚轮放大缩小图片 //放大缩小图片 function sdZoom(o) { var zoom=parseInt(o.style.zoom,10)||100; zoom+=event.wheelDelta/12; if(zoom>0)o.style.zoom=zoom+%; return false; } scree
    js实现鼠标滚轮放大缩小图片 
    
    <script>  
      //放大缩小图片  
      function   sdZoom(o)
      {  
      var zoom=parseInt(o.style.zoom,10)||100;
      zoom+=event.wheelDelta/12;
      if(zoom>0)o.style.zoom=zoom+'%';  
      return   false;  
      }  
      </script>
    <!--嵌入js代码-->
    <img src="/images/home.jpg" width="600"    onmousewheel="return sdZoom(this)"   οnlοad="javascript:if(this.width>screen.width-0)this.style.width=screen.width-0;">
    <!--图片调用代码-->  
    展开全文
  • js鼠标滚轮放大缩小图片

    千次阅读 2016-04-18 10:22:20
    s鼠标滚轮放大缩小图片

    /*
    * js鼠标滚轮放大缩小图片
    * @param obj 当前图片对象
    * 如果不知道怎么使用,加微信wu7zhi在线帮你解答
    */
    function bigimg(obj){
    var zoom = parseInt(obj.style.zoom,10)||100;
    zoom += event.wheelDelta / 12;
    if(zoom > 0 )
    obj.style.zoom=zoom+'%';
    return false;

    }


    使用方法

    <img id="chgImg" src="'你的图片地址'" width="760" onmousewheel="return bigimg(this)" style="cursor:pointer" />

    展开全文
  • Jquery鼠标滚轮放大缩小图片

    千次阅读 2015-11-10 10:37:56
    使用Jquery鼠标点击图片,划动鼠标滚轮放大缩小图片。 鼠标滚轮放大图片 img{ border:2px solid #000000; margin:10px; } body{ font-family:Verda

    使用Jquery鼠标点击图片,划动鼠标滚轮放大缩小图片。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>鼠标滚轮放大图片</title>
        <style type="text/css">
            img{
                border:2px solid #000000;
                margin:10px;
            }
            
            body{
                font-family:Verdana,Arial,sans-serif;
                font-size:80%;
                margin:0;
                padding:0;
            }
            
            div.body{margin:10pt} 
        </style>
        <script type="text/javascript" src="JS/jquery-1.5.1.min.js"></script>
        <script type="text/javascript">
            $(function(){
                $(".body img").each(function(){
                    if($.browser.msie){
                        $(this).bind("mousewheel",function(e){
                            var e=e||event,v=e.wheelDelta||e.detail;
                            if(v>0)
                                resizeImg(this,false);
                                else
                                    resizeImg(this,true);
                               window.event.returnValue=false;
                               return false;
                        })
                    }else{
                        $(this).bind("DOMMouseScroll",function(event){
                            if(event.detail<0)
                                resizeImg(this,false);
                                else
                                    resizeImg(this,true);
                                event.preventDefault();
                        })
                    }
                });
                
                function resizeImg(node,isSmall){
                    if(!isSmall){
                        $(node).height($(node).height()*1.2);
                    }else{
                        $(node).height($(node).height()*0.8);
                    }
                }
            });
        </script>
    </head>
    <body>
    <div class="body">
        <img src="Images/P_022.jpg" alt="点击图片,划动鼠标滚轮放大缩小图片" />
        <img src="Images/P_034.jpg" alt="点击图片,划动鼠标滚轮放大缩小图片" />
    </div>
    </body>
    </html>
    


    运行效果图:

    原图:

    划动滚轮后的图片:

    展开全文
  • 仿Windows图片查看器的软件源码,主要功能就是可以通过鼠标图片某一局部进行放大缩小 提示: 如果无反应那是因为你的电脑不支持“_画板1_滚轮被滚动” 这个事件,那你需要在“__启动窗口_创建完毕” 中使用精易...
  • 关于js鼠标滚轮放大缩小图片案例

    万次阅读 2018-01-17 14:46:57
    var myimage =document.getElementById("WebVideoImg"); if (myimage.addEventListener) { // IE9, Chrome, Safari, Opera myimage.addEventListener("mousewheel", MouseWheelHandler, false);...
  • <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <style> * { ... marg...
  • wpf实现鼠标滚轮放大缩小,键盘上下键放大缩小
  • 鼠标滚轮控制放大缩小,还可以进行拖拽
  • 大家可能会发现ArcMap默认的鼠标滚轮进行图像放大缩小的操作,与其他平台(如百度地图,AutoCAD等)的操作习惯相反,ArcMap的鼠标向上是缩小,向下是放大。可能会引起部分人操作不习惯。 因此,有必要更改一下系统...
  • 一款支持鼠标滚轮控制放大缩小的js点击弹出图片展示代码,还支持下一张、上一张图片切换。
  • Protel99se增加鼠标滚轮放大缩小功能,
  • 监听 鼠标滚轮放大缩小 jq 原生 jq // IE9, Chrome, Safari, Opera $('xx').on("mousewheel",MouseWheelHandler); // Firefox $('xx').on("DOMMouseScroll",MouseWheelHandler); // 鼠标滚轮放大缩小= funct....
  • Altium 怎么设置鼠标滚轮放大缩小

    千次阅读 2017-07-13 12:44:57
    Altium 怎么设置鼠标滚轮放大缩小
  • Protel99se增加鼠标滚轮放大缩小功能.RAR很好用
  • C#winform实现鼠标滚轮放大/缩小图片功能, 并可以在该放大/缩小的图片上截图并保存(截图功能类似QQ截图), 缩放过程界面无刷新!
  • C#实现鼠标滚轮放大缩小、拖动、坐标、全带有注释。已经过测试
  • 主要介绍了用HTML5实现鼠标滚轮事件放大缩小图片的功能,其中Safari浏览器用户要注意是否禁用了鼠标滚动控制页面滑动的功能,需要的朋友可以参考下
  • ExtJs 完美实现图片在Window窗口中通过鼠标滚轮放大缩小以及点击拖拽以下内容需要一定的ExtJs以及Js知识基础 ExtJs 完美实现图片在Window中通过鼠标滚轮放大缩小以及点击拖拽以下内容需要一定的ExtJs以及Js知识作为...
  • AE开发程序,鼠标滚轮放大缩小方向修改问题:///<summary>///滚动鼠标中键,往前地图放大,往后缩小///</summary>voidReverseMouseWheel(){try{...
  • 鼠标拖放滚轮放大缩小 VB.NET 用VS2012测试可以正常运行

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 8,246
精华内容 3,298
关键字:

鼠标滚轮放大缩小图片