多素材叠加音画
本帖最后由 雅俗共赏 于 2018-1-1 19:49 编辑 <br /><br /><TABLE style="BORDER-BOTTOM: #aaaaff 3px solid; BORDER-LEFT: #aaaaff 3px solid; WIDTH: 670px; MARGIN-BOTTOM: 5px; HEIGHT: 518px; FONT-SIZE: 14px; BORDER-TOP: #aaaaff 3px solid; BORDER-RIGHT: #aaaaff 3px solid" border=1 cellSpacing=6 borderColor=#aaaaff background=http://hp-sozai.net/zzz/naname01.gif bgColor=#aaaaff align=center><TBODY>
<TR>
<TD bgColor=#d5d5ff align=middle><IMG src="http://img2.ph.126.net/8nmHrNELBJGOqxc0tq25VA==/6597217101216432695.jpg" width=610></TD></TR></TBODY></TABLE>
<DIV style="MARGIN-TOP: -480px; MARGIN-LEFT: 120px"><EMBED height=400 type=application/x-shockwave-flash width=590 src=http://dashan.gotoip1.com/sc/xue/雪花飞舞(圆型).swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></DIV>
<DIV style="MARGIN-TOP: 3px; MARGIN-LEFT: 165px"><EMBED src=http://dashan.gotoip1.com/bfq/zjmp3bfqgdgc-bs.swf width=550 height=80 type=application/x-shockwave-flash FLASHVARS="mp3=http://fs1.shtyle.fm/dynimg/fshr/B7/CD/54644151_17.mp3&mp3n=点击此欣赏《一剪梅》&mp3b=http://other.web.ra01.sycdn.kuwo.cn/resource/n2/2011/06/08/111317387.mp3&gcys=aaaaff&gcdqys=d5d5ff&gczh=22&lrc= 《一剪梅》 真情像草原广阔 层层风雨不能阻隔 总有云开日出时候 万丈阳光照耀你我 真心像梅花开过 冷冷冰雪不能淹没 就在最冷枝头绽放 看见春天走向你我 雪花飘飘北风啸啸 天地一片苍茫 一剪寒梅傲立雪中 只为伊人飘香 爱我所爱无怨无悔 此情长留心间 真心像梅花开过 冷冷冰雪不能淹没 就在最冷枝头绽放 看见春天走向你我 雪花飘飘北风啸啸 天地一片苍茫 一剪寒梅傲立雪中 只为伊人飘香 爱我所爱无怨无悔 此情长留心间 " WMODE="transparent" QUALITY="high" ></EMBED></DIV>
转载自彩云归博客。
该作品是由表格（框）、图片、动画、播放器叠加组合形成的，核心是使用“相对定位代码”将元素叠加在需要的位置。
一、元素及代码
1、表格（框）代码：
<TABLE style="BORDER-RIGHT: #aaaaff 3px solid; BORDER-TOP: #aaaaff 3px solid; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; BORDER-LEFT: #aaaaff 3px solid; WIDTH: 670px; BORDER-BOTTOM: #aaaaff 3px solid; HEIGHT: 518px" borderColor=#aaaaff cellSpacing=6 align=center bgColor=#aaaaff background=http://hp-sozai.net/zzz/naname01.gif border=1>
<TBODY>
<TR>
<TD bgColor=#d5d5ff></TD></TR></TBODY></TABLE>
2、图片代码：
<IMG src="http://img2.ph.126.net/8nmHrNELBJGOqxc0tq25VA==/6597217101216432695.jpg" width=610>
3、动画（雪）代码：
<EMBED src=http://dashan.gotoip1.com/sc/xue/雪花飞舞(圆型).swf width=590 height=400 type=application/x-shockwave-flash QUALITY="high" ></EMBED>
4、播放器代码：
<EMBED src=http://dashan.gotoip1.com/bfq/zjmp3bfqgdgc-bs.swf width=550 height=80 type=application/x-shockwave-flash QUALITY="high" WMODE="transparent" FLASHVARS="mp3=http://fs1.shtyle.fm/dynimg/fshr/B7/CD/54644151_17.mp3&mp3n=点击此欣赏《一剪梅》&mp3b=http://link.hhtjim.com/baidu/1033702.mp3&gcys=aaaaff&gcdqys=d5d5ff&gczh=22&lrc= 《一剪梅》 真情像草原广阔......(歌词省略) 此情长留心间"></EMBED>
二、叠加组合
1、表格与图片组合
使用表格的功能，将图片插入表格之中。
<TABLE style="BORDER-RIGHT: #aaaaff 3px solid; BORDER-TOP: #aaaaff 3px solid; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; BORDER-LEFT: #aaaaff 3px solid; WIDTH: 670px; BORDER-BOTTOM: #aaaaff 3px solid; HEIGHT: 518px" borderColor=#aaaaff cellSpacing=6 align=center bgColor=#aaaaff background=http://hp-sozai.net/zzz/naname01.gif border=1>
<TBODY>
<TR>
<TD align=middle bgColor=#d5d5ff><IMG src="http://img2.ph.126.net/8nmHrNELBJGOqxc0tq25VA==/6597217101216432695.jpg" width=610></TD></TR></TBODY></TABLE>
2、表格、图片与动画组合
使用定位代码将动画（雪）叠加在图片之中。代码追加在表格、图片代码之后。
<TABLE style="BORDER-RIGHT: #aaaaff 3px solid; BORDER-TOP: #aaaaff 3px solid; FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; BORDER-LEFT: #aaaaff 3px solid; WIDTH: 670px; BORDER-BOTTOM: #aaaaff 3px solid; HEIGHT: 518px" borderColor=#aaaaff cellSpacing=6 align=center bgColor=#aaaaff background=http://hp-sozai.net/zzz/naname01.gif border=1>
<TBODY>
<TR>
<TD align=middle bgColor=#d5d5ff><IMG id=image_operate_25821358391123984 src="http://img2.ph.126.net/8nmHrNELBJGOqxc0tq25VA==/6597217101216432695.jpg" width=610></TD></TR></TBODY></TABLE>
<DIV style="MARGIN-TOP: -480px; MARGIN-LEFT: 120px"><EMBED src=http://dashan.gotoip1.com/sc/xue/雪花飞舞(圆型).swf width=590 height=400 type=application/x-shockwave-flash QUALITY="high" WMODE="transparent"></EMBED></DIV>
3、表格、图片、动画与播放器组合
使用定位代码将播放器叠加在图片之中。代码追加在表格、图片、动画代码之后。
最终总的代码组成
<TABLE style="BORDER-BOTTOM: #aaaaff 3px solid; BORDER-LEFT: #aaaaff 3px solid; WIDTH: 670px; MARGIN-BOTTOM: 5px; HEIGHT: 518px; FONT-SIZE: 14px; BORDER-TOP: #aaaaff 3px solid; BORDER-RIGHT: #aaaaff 3px solid" border=1 cellSpacing=6 borderColor=#aaaaff background=http://hp-sozai.net/zzz/naname01.gif bgColor=#aaaaff align=center>
<TBODY>
<TR>
<TD bgColor=#d5d5ff align=middle><IMG src="http://img2.ph.126.net/8nmHrNELBJGOqxc0tq25VA==/6597217101216432695.jpg" width=610></TD></TR></TBODY></TABLE>
<DIV style="MARGIN-TOP: -480px; MARGIN-LEFT: 120px"><EMBED height=400 type=application/x-shockwave-flash width=590 src=http://dashan.gotoip1.com/sc/xue/雪花飞舞(圆型).swf allowNetworking="internal" allowScriptAccess="never" quality="high" invokeurls="false" wmode="transparent"></DIV>
<DIV style="MARGIN-TOP: 3px; MARGIN-LEFT: 165px"><EMBED src=http://dashan.gotoip1.com/bfq/zjmp3bfqgdgc-bs.swf width=550 height=80 type=application/x-shockwave-flash FLASHVARS="mp3=http://fs1.shtyle.fm/dynimg/fshr/B7/CD/54644151_17.mp3&mp3n=点击此欣赏《一剪梅》&mp3b=http://link.hhtjim.com/baidu/1033702.mp3&gcys=aaaaff&gcdqys=d5d5ff&gczh=22&lrc= 《一剪梅》 真情像草原广阔 层层风雨不能阻隔 总有云开日出时候 万丈阳光照耀你我 真心像梅花开过 冷冷冰雪不能淹没 就在最冷枝头绽放 看见春天走向你我 雪花飘飘北风啸啸 天地一片苍茫 一剪寒梅傲立雪中 只为伊人飘香 爱我所爱无怨无悔 此情长留心间 真心像梅花开过 冷冷冰雪不能淹没 就在最冷枝头绽放 看见春天走向你我 雪花飘飘北风啸啸 天地一片苍茫 一剪寒梅傲立雪中 只为伊人飘香 爱我所爱无怨无悔 此情长留心间 " WMODE="transparent" QUALITY="high" ></EMBED></DIV>
博主应该是“彩云归”，这个名字很厉害，很多实用音画制作工具。以后将陆续分享学习。 歌曲好像没出来，也许地址失效。 不显示 腾讯图片不显示 芊芊 发表于 2017-9-20 14:12
腾讯图片不显示
换个浏览器试试。 怎么看不见 http://fs1.shtyle.fm/dynimg/fshr/B7/CD/54644151_17.mp3MP3链接失效了 一剪梅 费玉清
http://other.web.ra01.sycdn.kuwo.cn/resource/n2/2011/06/08/111317387.mp3
怎么看不见？ 等俺闲了来研究{:4_204:} 本人 发表于 2017-9-28 21:22
怎么看不见
一楼是演示效果，可能失效了。 笑看红尘 发表于 2017-9-29 14:59
MP3链接失效了
只是分享一下代码，地址可以找有效地址放入代码中。
页:
[1]
2