美文网首页
js实现点击图片旋转(一次旋转90度,可360度旋转)

js实现点击图片旋转(一次旋转90度,可360度旋转)

作者: 0f701952a44b | 来源:发表于2019-08-12 21:40 被阅读0次
    示例:
    <!doctype html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <script>
            window.onload = function(){
                var current = 0;
                document.getElementById('target').onclick = function(){
                    current = (current+90)%360;
                    this.style.transform = 'rotate('+current+'deg)';
                }
            };
        </script>
    </head>
    <body>
        <img id ="target" src="1.jpg" alt="">
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:js实现点击图片旋转(一次旋转90度,可360度旋转)

          本文链接:https://www.haomeiwen.com/subject/debpjctx.html