导语：
修改发表于2022年08月03号 17点 阅读 8947 评论11 点赞15 ©著作权归作者所有
应广大网友的要求我今天谈一谈HTMl5代码音画【简称H5音画】的制作方法：H5音画分两种：第一：简单音画；第二：复杂音画。简单音画就是单图音画；复杂音画就是多图音画可以变换；制作音画可以分两种方法，一种是模式音画即仿制音画；一种是自创音画；对于不很熟悉代码的朋友来说我建议使用模式音画，因为各个代码的作用要知道很困难，我讲一个月也讲不完，所以我提倡你使用模式音画，即方便又简单，说白了就是换上自己喜欢的图片【或者视频】换上自己喜欢的歌曲就完成了，不需要大伤脑筋，因为作者都调试好了！H5音画的优点是可电脑手机同步欣赏，缺点是代码繁琐，要求很严，缺少代码又可能显示不全，但对熟悉代码的朋友来说不在话下。话不多我们今天从模式音画谈起，把H5分两部分：1 .图片；2.音乐。
今天讲H5单图音画:首先是全局源代码：
<#div style="z-index: 127;width: 1024px; height: 600px; margin-top:30px; margin-left:-60px; box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 15px #880000;overflow: hidden;transform: rotate(0deg);background:url(//huangshicdn.data.mvbox.cn/album/22/03/13/22031313224507420082.gif)0 0/50% 50%,url(//pan.yinhuabbs.cn/view.php/9e9c5098b153c072b6267144b64d8b8c.jpg)0 0/100% 100%; text-align: center;"> <#iframe frameborder="0" height="600" marginheight="0" marginwidth="0" scrolling="no" src="//pan.yinhuabbs.cn/view.php/c1b870d8f948a92eb9219957783bcd35.html" width="1024"><#/iframe> <#/div>
这组代码涵盖边框代码，音画定位代码和音乐代码等，红色部分是图片地址[可动图];绿色是音乐代码，因为老小孩有些代码不接受我只好将音乐代码打包成.html文件上传至“中画论坛”得到地址。将绿色部分打开很容易能找到MP3位置和歌词位置。然后替换MP3地址和歌词即可，然后打包成.html文件上传“中画论坛”得到地址，放在全局源代码里，完成，然后放在老小孩网站里就完成大作了。注意使用时将#去掉。
下边付：绿色部分音乐代码[图片形式不能复制]
信纸作者：亚伦影音工作室
等15人点赞
请选择你想添加的收藏夹
