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

創(chuàng)新互聯(lián)提供成都網(wǎng)站制作、成都網(wǎng)站建設、網(wǎng)頁設計，成都品牌網(wǎng)站建設，廣告投放等致力于企業(yè)網(wǎng)站建設與公司網(wǎng)站制作，十載的網(wǎng)站開發(fā)和建站經驗,助力企業(yè)信息化建設，成功案例突破近千家,是您實現(xiàn)網(wǎng)站建設的好選擇.

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

效果圖：

實現(xiàn)代碼：

 
 
 
 
  //點出漫天小星星
  //背景色
  //給html添加onclick事件
  //創(chuàng)建圖片節(jié)點，并追加到body父節(jié)點下
  //圖片的隨機大小
  function init(e){
    //創(chuàng)建圖片節(jié)點（在內存中，還看不見）
    var imgObj=document.createElement("img");
    //追加節(jié)點
    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);
  }
 
 
 
 

感謝你能夠認真閱讀完這篇文章，希望小編分享的“js怎么實現(xiàn)漫天星星效果”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)建站，關注創(chuàng)新互聯(lián)網(wǎng)站建設公司行業(yè)資訊頻道，更多相關知識等著你來學習!

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)站標題：js怎么實現(xiàn)漫天星星效果-創(chuàng)新互聯(lián)
分享路徑：http://weahome.cn/article/djdooc.html