码迷,mamicode.com
首页 > 其他好文 > 详细

鼠标滚轮调整图片大小

时间:2018-08-08 17:41:33      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:func   允许   else   count   文件   als   res   lse   地址   

=======粘贴以下代码,保存为html文件可直接运行查看效果=======
<html>
 <head> 
    <title>鼠标滚动调整图片大小</title> 
    <script language="javascript">
    <!--
        var count = 10;
        function resizeimg(oImage)
        {
        count = Counting(count);
        Resize(oImage,count);
        return false;
    }

    function Counting(newzoom){
        if (event.wheelDelta >= 120)
        newzoom++;
        else if (event.wheelDelta <= -120)
            newzoom--;
        if (newzoom<2) newzoom=2; //只允许缩小到20%
        if (newzoom>50) newzoom=50; //只允许放大到500%
        return newzoom;
    }

    function Resize(oImage,newzoom){
    oImage.style.zoom = newzoom + ‘0%‘;
    count=newzoom;
    }
    -->
    </script> 
 </head> 
 <body> 
    <center> 
     <img src="图片地址" width="670" height="502" ondblclick="return Resize(this,10);return false;" onmousewheel="return resizeimg(this)" /> 
    </center>  
 </body>
</html>

鼠标滚轮调整图片大小

标签:func   允许   else   count   文件   als   res   lse   地址   

原文地址:http://blog.51cto.com/1197822/2156299

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!