案例動態建立星星
阿新 • • 發佈:2018-11-12
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body bgcolor="#000000"> </body> </html> <script type="text/javascript" src="../public.js"> </script> <script type="text/javascript"> //獲取元素 var body=document.body; setInterval(createStar,500); function createStar(){ var img=document.createElement("img"); img.src="img/star.gif"; img.style.width=getRand(15,30)+"px"; img.style.height=getRand(15,30)+"px"; img.style.position="absolute"; var w=document.documentElement.clientWidth-getRand(15,30);//瀏覽器可視寬 var h=document.documentElement.clientHeight-getRand(15,30);//瀏覽器可視高 img.style.top=getRand(0,h)+"px"; img.style.left=getRand(0,w)+"px"; body.appendChild(img); img.onclick=function(){ this.remove(); } } </script>