音乐播放器（九）单图+特效+css背景 唱盘、频谱

海特行者

[i=s] 本帖最后由 海特行者 于 2021-10-12 21:07 编辑 [/i]

音乐播放器（九）

   本集，画面为单图+特效+“css”。

 

   代码：

   ＜div style="MARGIN-TOP: 0px; MARGIN-LEFT: 10px;"＞
＜style type="text/css"＞.跳舞{
position: relative;
width: 360px; height: 250px;
left:40px; top:80px;
animation: 移动 30s forwards;
}
@keyframes 移动{
0% { transform: translate(330px, 50px) scale(0.2) }
50% { transform: translate(230px, 60px) scale(0.6) }
100% { transform: translate(130px, 20px) scale(1.0) }
}
＜/style＞
＜div class="背景图"＞
＜div class="跳舞"＞
＜div＞＜img class="跳舞" src="https://s3.bmp.ovh/imgs/2021/10/aa34f70fa1f5dbee.gif" /＞＜/div＞ ＜/div＞ ＜div style="MARGIN-TOP:-240px; MARGIN-LEFT: 0px"＞＜embed allownetworking="internal" allowscriptaccess="never" flashvars="gqdz=https://api.yxlz8.com/video/cj_ym/kg/?A19D27B8FE436AB851CB6C44547F5182.mp3|http://my.zp68.com/filestores/ 2019/05/28/1b59d12f8fc180b83b4a9e46b901af08.mp3 &Amp;mc=轻轻吻 (DJ何鹏版)|《江南雨》杨蔓&Amp;gc=
[00:00.00]轻轻吻 (DJ何鹏版)（歌词略去）|
[00:01.37]《江南雨》杨蔓（歌词略去）
&Amp;tp=http://www.keai99.com/data/attachment/forum/202110/09/153438sxool0llo3rjcf3l.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=#0000ff#520#420#&Amp;cp=#670#440#&Amp;cd=#000fff#30#20&Amp;qm=海特行者欢迎你#ff0000#600#20&Amp;pw=轻轻吻 (DJ何鹏版)|《江南雨》杨蔓&Amp;pwsx=30#ff0000.ffff00#170#20#420#300#0#1" height="466" invokeurls="false" quality="high" src="http://image.hnol.net/c/swf/2017-09/13/20/201709132035197991-5769293.swf" type="application/x-shockwave-flash" width="700" wmode="transparent"＞＜/embed＞

    代码解析：

   本集代码解析与上集同，故不再赘。

 

相同效果的播放器地址（可代用）：

地址① http://ln2018.oss-cn-hangzhou.aliyuncs.com/cyg/lb/lb.swf

地址② http://image.hnol.net/c/swf/2018-03/30/23/201803302353224621-5407720.swf

地址③ http://image.hnol.net/c/swf/2017-09/13/20/201709132035197991-5769293.swf

 

老梦缘

欣赏老师美好音画，谢谢分享!

静悟

欣赏学习老师的音乐播放器（九）！辛苦了！

林林五

欣赏老师美好音画，上午好！

廖若晨星

欣赏海特行者老师美好音画

真真

学习欣赏，感受美好。

山水人家

欣赏老师精美播放器，下午好。

彩云归

谢谢介绍、分享，问好！

巫荣云师

收藏学习音乐播放器（九），谢谢老师！
老师辛苦了！