文章目录

• Part.I 音效圣诞树
• Part.II 圣诞树小球
• Part.III 简笔圣诞树

圣诞节快到了，在网上找了一些 html 代码，觉得挺有意思的，顺带分享一下~

Part.I 音效圣诞树

来源：https://blog.csdn.net/m0_73309780/article/details/128176149

效果如下：

源码如下，使用方法：将下面的源码贴到txt中将后缀改为html，用浏览器打开html即可。可以更改文字内容，歌曲的话更改也不是不可以，但是音乐源不知道怎么找，是通过loadAudio(i)下载音乐的。

请选择音乐
Snowflakes Falling Down by Simon Panrucker
This Christmas by Dott
No room at the inn by TRG Banks
Jingle Bell Swing by Mark Smeby
或者
Upload File

Part.II 圣诞树小球

来源：https://juejin.cn/post/7042544790562406408

首先看效果：

这个代码原链接已经给了，直接将style标签复制到head标签里面就可以了。更改文字可以通过搜索来找到改文字的位置。

Part.III 简笔圣诞树

来源：https://codepen.io/chrisgannon/pen/dypvKvR

首先看效果

完整代码如下：