您当前所在位置:    首页 > 代码集锦
返回
滚轮改变图片尺寸
时间:2019-10-20    来自:臻心网络科技

本代码实现效果是当鼠标移到该图片上面时,滚轮可以改变该图片的尺寸。
这种效果在网页里面来说运用的还是挺多的。也是比较简单的特效代码而已。

<HTML>
<HEAD>
<title>鼠标移上去图片适应大小变化</title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  
<script>
function resizepic(thispic)
{
if(thispic.width>570) thispic.width=570;
}
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
</script> </HEAD>
<body style="MARGIN:0px" bgcolor="#cccccc">
<IMG onmousewheel="return bbimg(this)" style="CURSOR: hand" alt=按此在新窗口浏览图片 src="/images/logo.gif" onload=resizepic(this) align=absMiddle border=0>
</body>
</HTML> 

 

  按此在新窗口浏览图片

 
关注微信公众号
 

在线咨询

一键通话

联系我们