jQuery图片旋转

<script>
    /*
     * 解析matrix矩阵,0°-360°,返回旋转角度
     * 当a=b||-a=b,0<=deg<=180
     * 当-a+b=180,180<=deg<=270
     * 当a+b=180,270<=deg<=360
     *
     * 当0<=deg<=180,deg=d;
     * 当180
    function getmatrix(a,b,c,d,e,f){
        var aa=Math.round(180*Math.asin(a)/ Math.PI);
        var bb=Math.round(180*Math.acos(b)/ Math.PI);
        var cc=Math.round(180*Math.asin(c)/ Math.PI);
        var dd=Math.round(180*Math.acos(d)/ Math.PI);
        var deg=0;
        if(aa==bb||-aa==bb){
            deg=dd;
        }else if(-aa+bb==180){
            deg=180+cc;
        }else if(aa+bb==180){
            deg=360-cc||360-dd;
        }
        return deg>=360?0:deg;
    }


    var obj=$('#picBox img');

    $('.rotateBtn').click(function(event){
        event.preventDefault();
        var rotateBtnId = $(this).attr('id');
        var deg = eval('get'+obj.css('transform'));//构造getmatrix函数,返回上次旋转度数
        var step = 0;//每次旋转多少度
        if(rotateBtnId == 'rotate-left'){
            step = -90;
        }else if(rotateBtnId == 'rotate-right'){
            step = 90;
        }
        obj.css({'transform':'rotate('+(deg+step)%360+'deg)'});
    });

script>

你可能感兴趣的:(代码片段,javascript)