满天星

作者: 码农也会修真 | 来源:发表于2019-07-24 21:19 被阅读0次

 function init() {
            window.setInterval("start()", 500); //每隔50毫秒就去执行star()这个函数
        }
        init()

        function start() {
            var imgobj = document.createElement("img");
            imgobj.src = "http://s14.sinaimg.cn/mw690/0026B7NHzy7kzyriI6Vfd&690";
            var bodyobj = document.body; //找到了<body>对象
            bodyobj.appendChild(imgobj); //把imgobj图片对象放入body对象中

            //星星的大小是随机的（30-100）大小
            var w = Math.floor(Math.random() * (100 - 50 + 1) + 50); //随机得到一个数
            imgobj.width = w; //图片的宽度就是随机的了

            //星星的位置随机
            var x = Math.floor(Math.random() * (1350 - 0 + 1) + 0); // x的坐标位置
            var y = Math.floor(Math.random() * (500 - 0 + 1) + 0); //y的坐标位置
            imgobj.style.position = "absolute";
            imgobj.style.left = x + "px";
            imgobj.style.top = y + "px";
        }