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

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

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

鼠標(biāo)點(diǎn)擊窗口實(shí)現(xiàn)如圖效果：
看起來(lái)是不是很像小星星呀

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

代碼如下：

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <title></title>
 </head>
 <body >
 <!-- 
 1、鼠標(biāo)點(diǎn)擊 window
 2、獲取鼠標(biāo)位置
 3、創(chuàng)建img
 4、設(shè)置 src
 5、設(shè)置圖片位置（圖片定位，設(shè)置樣式）
 6、圖片隨機(jī)大小
 7、插入body
 -->
 <script type="text/javascript">
 // 鼠標(biāo)點(diǎn)擊window
 window.onclick=function(e){
 // 創(chuàng)建img
 let img=document.createElement("img");
 // 設(shè)置src
 img.setAttribute("src","timg.gif");
 // 設(shè)置圖片大小隨機(jī)
 let w=Math.random()*50+50;
 img.setAttribute("height",w);
 // 圖片位置,絕對(duì)定位
 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如何實(shí)現(xiàn)小星星特效

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

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

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

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

猜你還喜歡下面的內(nèi)容

午夜无码人妻aⅴ大片色欲张津瑜,国产69久久久欧美黑人A片,色妺妺视频网,久久久久国产综合AV天堂

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