欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

JS如何實現(xiàn)小星星特效-創(chuàng)新互聯(lián)

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

巴里坤哈薩克ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景，ssl證書未來市場廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：028-86922220（備注：SSL證書合作）期待與您的合作！

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

JS如何實現(xiàn)小星星特效

代碼如下：

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title></title>
 </head>
 <body >
 <!-- 
 1、鼠標點擊 window
 2、獲取鼠標位置
 3、創(chuàng)建img
 4、設置 src
 5、設置圖片位置（圖片定位，設置樣式）
 6、圖片隨機大小
 7、插入body
 -->
 <script type="text/javascript">
 // 鼠標點擊window
 window.onclick=function(e){
 // 創(chuàng)建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);
 
 }
 
 </script>
 </body>
</html>

素材

JS如何實現(xiàn)小星星特效

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

當前題目：JS如何實現(xiàn)小星星特效-創(chuàng)新互聯(lián)
分享地址：http://chinadenli.net/article32/dojisc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、ChatGPT、電子商務、標簽優(yōu)化、虛擬主機、關鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設