這篇文章主要介紹了js怎么實(shí)現(xiàn)漫天星星效果，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司專注于花山網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供花山營(yíng)銷型網(wǎng)站建設(shè)，花山網(wǎng)站制作、花山網(wǎng)頁(yè)設(shè)計(jì)、花山網(wǎng)站官網(wǎng)定制、小程序設(shè)計(jì)服務(wù)，打造花山網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供花山網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

本文實(shí)例為大家分享了漫天小星星效果的實(shí)現(xiàn)代碼，供大家參考，具體內(nèi)容如下

效果圖：

實(shí)現(xiàn)代碼：

 
 
 
 
  //點(diǎn)出漫天小星星
  //背景色
  //給html添加onclick事件
  //創(chuàng)建圖片節(jié)點(diǎn)，并追加到body父節(jié)點(diǎn)下
  //圖片的隨機(jī)大小
  function init(e){
    //創(chuàng)建圖片節(jié)點(diǎn)（在內(nèi)存中，還看不見(jiàn)）
    var imgObj=document.createElement("img");
    //追加節(jié)點(diǎn)
    document.body.appendChild(imgObj);
    //添加屬性
    imgObj.src="xingxing.gif";
    //添加width屬性
    imgObj.width=getRandom(15,85);
    //定位
    var x=e.clientX? e.clientX : event.clientX;
    var y=e.clientY? e.clientY : event.clientY;
    imgObj.style.position="absolute";
    imgObj.style.left=x - imgObj.width/2+"px";
    imgObj.style.top=y- imgObj.width/2+"px";
  }
  function getRandom(min,max){
    return Math.floor(Math.random()*(max-min)+min);
  }
 
 
 
 

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“js怎么實(shí)現(xiàn)漫天星星效果”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!