網站最後更新日期:2018年8月29日
歡迎大家來到暢想資源 AREFLY.COM! 個人網站 更多聯絡方式
×

聖誕節快樂——為你的網頁添加一個可愛的HTML5聖誕節雪人!

聖誕節快要到來咯!相信大家都會想要給自己的網站添加一些聖誕裝飾,今天「暢想資源」就較大家來爲網頁添加由HTML5所製作的可愛的聖誕節雪人,迎接聖誕節的到來!

預覽

add-snowman-to-website

訪問「本站首頁」或直接訪問「原始頁面」也可以看到同樣的效果哦!

教程

1、其實使用方法很簡單,因為我已經把代碼集成到一個JS文件裡面,所以你只需要把下列代碼添加到你的網站的 </body> 前面就行啦!

JS文件源代碼

點擊查看完整代碼 展開/收縮

覺得這篇文章有用嗎?分享一下讓更多人受益吧!

© 版權聲明:本文章採用「姓名標示-非商業性-相同方式分享 4.0 國際(CC BY-NC-SA 4.0)」於「」發布,轉載時須以相同方式發布並註明「原文鏈接」!

本文固定鏈接:https://www.arefly.com/zh-tw/add-snowman-to-website/

本文章由「超級efly」於2013年12月07日發表於「網路」分類

你可以發表評論,並在保留原文地址及作者的情況下引用到你的網站

轉載請註明:聖誕節快樂——為你的網頁添加一個可愛的HTML5聖誕節雪人! | 暢想資源

關鍵字:, , , , , ,

聖誕節快樂——為你的網頁添加一個可愛的HTML5聖誕節雪人!:目前有 92 條留言
訪客以 53:39 大幅領先博主

評論載入中,請稍等……
  1. 25樓
    ytf4425

    我記得去年你也發過一個。。。

    [回復]
    • :grin: :grin: 其實這個就是去年文章置頂的! :trick: :trick:

      [回復]
  2. 24樓
    ytf4425

    每日打卡,打卡時間:下午8:00:42

    [回復]
  3. 23樓
    李明

    很可愛的聖誕節雪人!

    [回復]
  4. 22樓
    諸神的黃昏

    我幾年前也玩過摩爾莊園...

    [回復]
    • :grin: :grin: 我以前也玩過耶~ :trick: :trick:

      [回復]
      • 皮蛋

        :grin: 居然沒有摳鼻的表情,你也玩,幾級啦《摳鼻》

        [回復]
  5. 21樓
    塵緣

    看到那個 貌似摩爾莊園的生物了 挺好看的 我也弄一個..

    [回復]
  6. 20樓
    晨風

    今天簽到啦!時間:20:43:32(使用Arefly評論框自動簽到)好文章!支持一下! :idea:

    [回復]
    • 好評論!支持一下! :idea: 今天簽到啦!時間:下午11:34:09(使用Arefly評論框自動簽到)

      [回復]
  7. 19樓
    Andy

    酷喔!

    [回復]
  8. 18樓
    teddy

    你好,請問大陸無法載入動畫,只有一個半透明背景,是網路原因么 要如何解決呢 非常感謝!

    [回復]
    • :razz: :razz: 你好~我已經將網頁中的JS文件下載至本伺服器中,現在應該沒有問題啦! :grin: :grin:

      [回復]
  9. 17樓
    Jason Cooper

    猜到了,你果然將13年的文章置頂了....話說我這裡置頂為啥就一直不在頂端呢.......
    附:系統換了,你這裡應該可以看到UA的....聽說過這個遊覽器么....
    今天簽到啦!時間:下午8:26:07(使用Deamwork評論框自動簽到)

    [回復]
    • :grin: :grin: 的確是置頂的 XDD PSVita Network 好厲害的樣子~ :wow: :wow:

      [回復]
      • 哈 那當然咯
        額,你這個Gravatar頭像貌似載入失敗啊
        還有就是置頂貌似不能置頂 有空幫我看看?
        還有這個評論........那個工具欄和評論短代碼老是搞不定,有空順便看看?
        還有就是你好久都沒過來搬文章了的說,最近更新了幾篇乾貨哎......

        [回復]
      • 話說....我友鏈貌似消失了哎....我部落格上的一直沒刪....你這裡的咋就丟了.....

        [回復]
  10. 16樓
    夢想網路

    聖誕那天就加上去,哈哈

    [回復]
  11. 15樓
    戀羽

    貌似是去年的內容吧

    [回復]
  12. 14樓
    夢想部落格

    哈哈,非常不錯。

    [回復]
  13. 13樓
    吳尼瑪

    大陸表示打不開

    [回復]
    • :laugh: :laugh: 已經修改runtime的JS文件到本地啦~ :grin: :grin:

      [回復]
  14. 12樓
    左岸聽風

    很漂亮哇

    [回復]
  15. 11樓
    弱者

    摩爾莊園的趕腳。。。還有我的網址www.n1t.cc居然說我填得不規範。。。

    [回復]
    • 哈哈!才發現和摩爾莊園的人差不多 :mrgreen:
      PS:網址需要加上「http://」才能提交的 :oops:

      [回復]
      • Rich

        :wow: 同樣現在才發現的,以前玩過的遊戲,現在感覺超級無聊了

        [回復]
        • :laugh: :laugh: 小時候感覺好好玩 :love: :love:

          [回復]
          • Rich

            :hi: 小時候,好像離你不太遠,應該說你現在還是「小時候」(未成年 :grin: ) :laugh: 我也是哦,「小時候」玩過各種遊戲 :shock: ,差不多都是騰訊 :bad: 的吧,大多是被同學邀請進去的 :dry: ,有的同學還充值了VIP :saynothing:

            [回復]
  16. 10樓
    323心

    贊一個!

    [回復]
  17. 9樓
    mili

    我也轉一下

    [回復]
  18. 8樓
    木易

    :idea: 很有愛

    [回復]
  19. 7樓
    qq374594

    請將本站友鏈qq374594.info改為www.qq374594.info 謝謝合作

    [回復]
  20. 6樓
    EarthPeople123

    我覺得同這個很煩

    [回復]
  21. 5樓
    小青年

    個人不太喜歡這種在網頁的效果 :idea:

    [回復]
  22. 4樓
    Qa

    非常不錯!

    [回復]
  23. 地板
    qq374594

    不錯 就是聲音大了點,可能會影響訪客把 哪天再修改修改加上

    [回復]
    • 聲音代碼中我找不到。。。。所以不知道怎麼改 :oops:
      PS:我是把原來網上找到的FLASH文件通過「Swiffy」轉換成HTML5 :mrgreen:

      [回復]
      • Rich

        是不是在christmas.html中?找找有沒有bgsound標籤

        [回復]
      • Rich

        表示我已經找到了 swiffy用base64把聲音壓縮起來了 找到chiristmas.html中的data:audio/mpeg;base64那一部分刪掉即可~~ : :hard:

        :grin: PS:如果要找聲音代碼,可以在代碼中搜尋"audio"/"sound"/"music"等相關的單詞,80%都可以找到~ :cool:

        [回復]
  24. 板凳
    煙花易冷

    不錯,轉載一下

    [回復]
  25. 沙發
    不給力的麵條

    很漂亮。過幾天給部落格加上

    [回復]

發表評論



微笑 調皮 偷笑 可愛 大笑 壞笑 詭計 贊 疑問 HI~ 愛 抱歉 對不起 頭暈 驚訝 帥 努力 勞累 瘋狂 難過 大哭 差 豬 邪惡 無言 憤怒 流汗 擦汗


快捷鍵:Ctrl+Enter