网页代码设置背景音乐（网页设计的背景代码）

　　一、首先说明为什么要设置背景音乐 　　1、能够给用户带来舒适的体验，给用户带去某种特定的情绪； 　　2、营造一个良好的视觉氛围，实现网站深刻的形象展示； 　　3、能够起到良好的促销效果，让用户感受到丰富的品牌内涵； 　　4、能够实现用户体验优化，提高用户对网站的愉悦感； 　　二、网页代码编辑设置背景音乐 　　1、使用HTML/CSS等语言在网页中放置或； 　　5、使用Ajax来实现在页面的背景音乐的播放，通过Ajax的xmlhttprequest函数可以请求文件，可以把音频文件嵌入到页面中，实现页面背景音乐的播放。 　　一、什么是网页代码背景音乐 　　网页代码设置背景音乐，是指在网页用HTML和CSS语言编写代码，将音乐文件作为整个网页的背景音乐播放，主要用于美化网页。 　　二、使用HTML语言设置背景音乐 　　1. 首先需要准备好背景音乐文件，可以是MP3格式的音乐文件； 　　2. 在网页中加入标签，在该标签中加入属性 autoplay，使网页加载时背景音乐可以直接播放； 　　3. 在audio 标签里加入 controls 属性，使网页中有播放按钮供用户控制背景音乐； 　　4. 在audio标签中加入 src属性，加入音乐文件路径； 　　5. 在作用域外加入script标签：将audio标签赋值给变量，如var _audio = document.querySelector('#music');，当_audio播放时使整个网页样式发生改变，如改变网页的背景viewport； 　　6. 最后将网页的css样式 sheets里的变量 _audio的值与特定的css样式联系起来， 　　实现当_audio播放时，改变网页背景色。 　　三、使用CSS语言设置背景音乐 　　1. 首先在网页中加入标签，然而这个标签不需要任何属性； 　　2. 再在其作用域外加入script标签：将audio标签赋值给变量，如var _audio = document.querySelector('# music');； 　　3. 在stylesheet里加入@keyframes的动画属性，使音乐文件循环播放； 　　4. 通过 animation-name 的属性值添加对应的动画名称：将该动画名称跟_audio绑定：如animation-name:music;； 　　表示当音乐_audio播放时，动画music开始； 　　5. 通过animation-play-state 的属性设置动画开始播放的状态： 　　将该状态和_audio绑定，如 animation-play-state：paused;表示当_audio播放时，动画从头开始播放； 　　6. 将animation-goes-through 属性设为1，表示动画为循环播放：该属性和_audio绑定，如 animation-goes-through: 1; 表示当_audio播放时，动画循环播放； 　　7. 通过给body添加指定背景图片属性 ：background-image：url（“xxx.jpg”）; 使背景动画得到显示； 　　最后，将以上语言片段保存至.html文件中，在浏览器中打开即可看到效果，网页就有了背景音乐。