网站最后更新日期: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/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