js.点击生成随机大小星星

最新推荐文章于 2023-01-03 10:58:06 发布

YUGAN__

最新推荐文章于 2023-01-03 10:58:06 发布

阅读量340

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_72826314/article/details/126871942

版权

 <script>
        document.onclick = function (e) {
            var img = document.createElement('img');
            img.src = "./img/star1.png";
            img.style.position = 'absolute';
            img.width = parseInt(Math.random() * 200) + 10;
            img.style.transform = "rotate(" + Math.round(Math.random() * 360) + "deg)";
            img.style.left = e.clientX - img.width / 2 + 'px';
            img.style.top = e.clientY - img.width / 2 + 'px';
            document.body.appendChild(img);
            setTimeout(function () {
                img.remove();
            }, 3000)
        }
    </script>