鼠标滚轮实现放大缩小

<HTML>


<HEAD>


<SCRIPT>


    var count = 10;


    function Picture() {


        count = Counting(count);


        Resize(count);


        return false;


    }


    function Counting(count) {


        if (event.wheelDelta >= 120)


            count++;


        else if (event.wheelDelta <= -120)


            count--;


        return count;


    }


    function Resize(count) {


        oImage.style.zoom = count + '0%';


    }


</SCRIPT>


</HEAD>


<BODY>


<img id="oImage" src="http://www.baidu.com/img/logo-yy.gif" onmousewheel="Picture()" width="283"


height="212" >


</BODY>


</HTML>

猜你喜欢

转载自blog.csdn.net/lianxin19900610/article/details/73605002