這篇文章將為大家詳細講解有關JS如何實現小星星特效，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

鼠標點擊窗口實現如圖效果：
看起來是不是很像小星星呀

代碼如下：

 
 
 
 
 
 
 
 // 鼠標點擊window
 window.onclick=function(e){
 // 創建img
 let img=document.createElement("img");
 // 設置src
 img.setAttribute("src","timg.gif");
 // 設置圖片大小隨機
 let w=Math.random()*50+50;
 img.setAttribute("height",w);
 // 圖片位置,絕對定位
 img.style.position="absolute";
 
 img.style.left=(e.clientX-w/2)+"px";
 img.style.top=(e.clientY-w/2)+"px";
 
 // 將圖片插入body
 document.body.appendChild(img);
 
 }
 
 
 

素材

關于“JS如何實現小星星特效”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。