美文网首页
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