音画——《我们是共产主义接班人》
<div style="MARGIN-TOP: -50px; MARGIN-LEFT: 0px"><span id="mp3_aCA"></span>
<style type="text/css">.image {
width: 1000px;
height: 660px;
box-shadow: 0px 0px 0px 3px #000000, 0px 0px 10px 10px #F0E111;
overflow: hidden;
border-radius: 4%;
background: url(<a href="http://image.hnol.net/c/2021-05/31/19/202105311958158611-5123866.gif" target="_blank">http://image.hnol.net/c/2021-05/31/19/202105311958158611-5123866.gif</a>);
MARGIN-LEFT: -180px;
background-size: 100% 100%;
}
#frame {
position: relative;
width: 1000px;
height: 660px;
LEFT: 0px;
overflow: hidden;
border-radius: 8px
}
#photos img {
float: left;
width: 1000px;
height: 660px;
-webkit-mask-image: radial-gradient(black 30% ,transparent 76%);
}
#photos {
position: absolute;
z-index: 9;
width: calc(1000px * 8);
/*---修改图片数量的话需要修改下面的动画参数*/
}
.play {
animation: ma 20s ease-out infinite alternate;
}
@keyframes ma {
0%,30% {
margin-left: 0px;
}
35%,40% {
margin-left: -1000px;
}
45%,50% {
margin-left: -2000px;
}
}
.swf {
width: 1000px;
height: 660px;
position: relative;
MARGIN-TOP: -660px;
MARGIN-LEFT: -12px;
z-index: 9;
}
.移 {
position: relative;
width: 1000px;
height: 660px;
margin-top: -660px;
margin-left: 60px;
z-index: 9;
animation: spin0 10s linear infinite;
animation-delay: 3.5s;
/*延迟时间*/
animation-iteration-count: infinite;
/*循环次数*/
animation-duration: 20s;
/*歌词一个周期的持续时间*/
}
@keyframes spin0 {
0% {
top: 0px;
left: 0px;
}
25% {
top: 0px;
left: 250px;
}
50% {
top: 500px;
left: 250px;
}
75% {
top: 500px;
left: -170px;
}
100% {
top: 0px;
left: -170px;
}
}
</style>
<p> </p>
<div class="image">
<div id="frame">
<div class="play" id="photos"><img src="http://image.hnol.net/c/2021-05/30/15/20210530154503631-5123866.jpg"> <img src="http://image.hnol.net/c/2021-05/30/15/20210530154534331-5123866.jpg"> <img src="http://image.hnol.net/c/2021-05/30/15/20210530154953381-5123866.jpg"></div>
</div>
<div class="swf"><embed allowfullscreen="true" height="660" hspace="0" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://dashan.link/yh/3001.swf" type="application/x-shockwave-flash" vspace="0" width="1000" wmode="transparent"></div>
<div class="移"><embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3= <span id=" mp3_pfd"="">&★
<font size="6"><font face="黑体"><font color="Blue">献给六一儿童节</font></font></font>★
<div style="MARGIN-TOP: -150px; MARGIN-LEFT: -100px">
<div align="center">
<style type="text/css">#歌词放大 {
display: block;
position: relative;
animation: spin 15s linear infinite;/*持续时间*/
MARGIN-TOP:0px;MARGIN-LEFT:0px;
}
@keyframesspin{
0% {
transform: scale(0.7);/*远缩放*/
}
100% {
transform: scale(1.3);/*近缩放*/
}
}
</style>
<div id="歌词放大"><embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3=http://url.amp3a.com/kuwo.php/6405010.mp3&lrc=
我们是共产主义接班人
音画制作:秋思梦景
我们是共产主义接班人
继承革命先辈的光荣传统
爱祖国 爱人民
鲜艳的红领巾飘扬在前胸
不怕困难 不怕敌人
顽强学习 坚决斗争
向着胜利勇敢前进
向着胜利勇敢前进 前进!
向着胜利勇敢前进
我们是共产主义接班人
我们是共产主义接班人
沿着革命先辈的光荣路程
爱祖国 爱人民
少先队员是我们骄傲的名称
时刻准备 建立功勋
要把敌人 消灭干净
为着理想勇敢前进
为着理想勇敢前进 前进!
为着理想勇敢前进
我们是共产主义接班人
&gczt=微软雅黑&gczh=45&gcys=ffffff&gczzys=00ff00&gcljys=0000ff&gcljld=0.6&gcct=1" height="200" invokeurls="false" quality="high" src="http://dashan.link/zj/dqyhgczz.swf" style="opacity:1.00;" type="application/x-shockwave-flash" width="870" wmode="transparent"></div></div></div>
</div></div></div> 音画背景图片不显示! 秋思梦景 发表于 2021-5-31 20:24
音画背景图片不显示!
网友好,图片可以看见,如果您自己看不见,可以修复一下浏览器的 flash 插件,希望能帮助到您,祝您创作浏览愉快!如果是使用的雪馨苑网盘的地址,可以换个时间段试试,如果是其他网站的网盘地址,可以换一个网盘上传试试......
http://xxyyhlt.cn/forum.php?mod=viewthread&tid=4759&extra=
感谢老师光临帮助指导!我修改了几次背景图片仍然看不见!背景图是动态的变色图片!请老师指导如何取得这张图片的本站网址?
秋思梦景 发表于 2021-6-1 08:39
感谢老师光临帮助指导!我修改了几次背景图片仍然看不见!背景图是动态的变色图片!请老师指导如何取得这张 ...
可以看见,并不是图片地址问题......上传到雪馨苑网盘试试看。
秋思梦景 发表于 2021-5-31 20:24
音画背景图片不显示!
背景图片和透明F可以看到滴....... 欣赏佳作,六一儿童节快乐!{:2_196:}
秋思梦景 发表于 2021-6-1 08:39
感谢老师光临帮助指导!我修改了几次背景图片仍然看不见!背景图是动态的变色图片!请老师指导如何取得这张 ...
点图,右键可看到图的论坛的网址
http://www.xxyyhlt.cn/data/attachment/forum/202106/01/084026l04wndgdoywo4zhd.gif 欣赏佳作六一快乐{:2_111:}
页:
[1]