好贷网好贷款

IE图片滚轮放大缩小图片

发布时间:2016-12-5 16:34:15 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"IE图片滚轮放大缩小图片",主要涉及到IE图片滚轮放大缩小图片方面的内容,对于IE图片滚轮放大缩小图片感兴趣的同学可以参考一下。

<script> function resizeimg(ImgD,iwidth,iheight) {  alert('ok');      var image=new Image();       image.src="images/test.jpg";       if(image.width>0 && image.height>0){          if(image.width/image.height>= iwidth/iheight){             if(image.width>iwidth){                 ImgD.width=iwidth;                 ImgD.height=(image.height*iwidth)/image.width;             }else{                    ImgD.width=image.width;                    ImgD.height=image.height;                  }                 ImgD.alt=image.width+"×"+image.height;          }          else{                  if(image.height>iheight){                         ImgD.height=iheight;                         ImgD.width=(image.width*iheight)/image.height;                  }else{                          ImgD.width=image.width;                          ImgD.height=image.height;                       }                  ImgD.alt=image.width+"×"+image.height;              }  ImgD.style.cursor= "pointer"; //改变鼠标指针  ImgD.onclick = function() { window.open(this.src);} //点击打开大图片  if (navigator.userAgent.toLowerCase().indexOf("ie") > -1) { //判断浏览器,如果是IE  ImgD.title = "请使用鼠标滚轮缩放图片,点击图片可在新窗口打开";  ImgD.onmousewheel = function img_zoom() //滚轮缩放  {  var zoom = parseInt(this.style.zoom, 10) || 100;  zoom += event.wheelDelta / 12;  if (zoom> 0) this.style.zoom = zoom + "%";  return false;  }    } else { //如果不是IE       ImgD.title = "点击图片可在新窗口打开";     }      }  } </script> <div> <img name="" src="images/test_top.jpg" onload="javascript:resizeimg(this,500,800)"/> </div>

上一篇:thrift-0.9.0windows下编译
下一篇:查询linux是32位系统还是64位系统

相关文章

相关评论