圣诞树（动态效果）

一、运行效果

二、制作方法 

1.复制代码到Dreamweaver或HBuilder或vscode中

2.点击运行—运行到浏览器—选择你要打开的浏览器

3.打开后会出现这个界面，前四个是固定音乐，最后一个是自主选择的音乐，你可以选择你电脑上的歌曲，什么歌曲都行（第一次打开可能会有点慢，稍等片刻即可，选择音乐的时候点一下没反应的话多点几下即可，第一次打开这属于正常现象）

4.特别提醒：打开的时候电脑一定要处于联网状态
 

三、源代码

 

    
 
    
 
    
 
    
        * {
            box-sizing: border-box;
        }
 
 
        body {
            margin: 0;
            height: 100vh;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #161616;
            color: #c5a880;
            font-family: sans-serif;
        }
 
 
        label {
            display: inline-block;
            background-color: #161616;
            padding: 16px;
            border-radius: 0.3rem;
            cursor: pointer;
            margin-top: 1rem;
            width: 300px;
            border-radius: 10px;
            border: 1px solid #c5a880;
            text-align: center;
        }
 
 
        ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
 
 
        .btn {
            background-color: #161616;
            border-radius: 10px;
            color: #c5a880;
            border: 1px solid #c5a880;
            padding: 16px;
            width: 300px;
            margin-bottom: 16px;
            line-height: 1.5;
            cursor: pointer;
        }
 
        .separator {
            font-weight: bold;
            text-align: center;
            width: 300px;
            margin: 16px 0px;
            color: #a07676;
        }
 
 
        .title {
            color: #a07676;
            font-weight: bold;
            font-size: 1.25rem;
            margin-bottom: 16px;
        }
 
 
        .text-loading {
            font-size: 2rem;
        }
    
 
    
 
 
 
    
 
 

 

    
    
    
    
    
    
    
 
    
        

            
请选择音乐
            

                
                    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