【聊代码】第一六九集 音乐播放器（二十一）单图加动画频谱唱盘可配文字的播放器|老小孩讲述

聊代码（第一六九集）音乐播放器（二十一） 单图加动画频谱唱盘可配文字的播放器        和上集是同样的播放器，画面除了还是单图加flash特效外，我们引入了“css”。（我们前面聊过的各式各样的css动画都可以搬过来，我这里只是做个样子）。          代码：        ＜div style="MARGIN-TOP: 0px; MARGIN-LEFT: 10px;"＞ ＜style type="text/css"＞.跳舞{ position: relative; width: 360px; height: 250px; left:-60px; top:70px; animation: 移动 30s forwards; } @keyframes 移动{ 0% { transform: translate(330px, 50px) scale(0.2) } 50% { transform: translate(230px, 40px) scale(0.6) } 100% { transform: translate(130px, 10px) scale(1.0) } } ＜/style＞ ＜div class="背景图"＞ ＜div class="跳舞"＞ ＜div＞＜img class="跳舞" src="http://img4.oldkids.cn/upload/260811000/u260810070/2016/11/20/blog_ 20161120155355231113.gif" /＞＜/div＞ ＜/div＞ ＜div style="MARGIN-TOP:-240px; MARGIN-LEFT: 0px"＞＜embed allownetworking="internal" allowscriptaccess="never" flashvars="gqdz=http://music.163.com/song/media/outer/url?id=27907182.mp3|http://music.163.com/song/media/outer/url?id=1831088549.mp3 &Amp;mc=相约快乐-乌兰托娅|跳起舞-南措&Amp;gc= [00:00.00]《相约快乐》（歌词略去）| [00:01.37]《|跳起舞》（歌词略去） &Amp;tp=http://www.oldkids.cn/upload/2019/07/04/blog_20190704165126611 .jpg#70#50#750#466&Amp;ff=http://webftp.bbs.hnol.net/zyfx/flash/02.swf#100 #100#500#400 &Amp;pp=#ff0000#30#400#&Amp;gcsx=30#ffff00.ff0000#-10#420&Amp;kj=#00 00ff#520#420#&Amp;cp=#670#440#&Amp;cd=#000fff#30#20&Amp;qm=海特行者欢迎你#ff0000#600#20&Amp;pw=相约快乐-乌兰托娅|跳起舞-南措&Amp;pwsx=30#ff0000.ffff00#170#20#420#300#0#1" height="466" invokeurls="false" quality="high" src=" http://image.hnol.net/c/swf/2018-03/30/23/201803302353224621-5407720.swf " type="application/x-shockwave-flash" width="700" wmode="transparent"＞＜/embed＞