制作移动卷轴画卷的代码及实例4款【国庆节祝福】

祖国华诞 普天同庆 祖国华诞 普天同庆

 

效果图一

 

 

祖国昌盛 国泰民安 祖国昌盛 国泰民安

 

效果图二

 

 

人民英雄 永垂不朽 人民英雄 永垂不朽

 

效果图三

 

 

我爱我的祖国 祝您十一快乐 昭昭公主敬献

 

效果图四

 

 

 

背景素材一

 

 

背景素材二

 

 

背景素材三

 

 

背景素材四

 

 

卷轴素材一

 

 

卷轴素材二

 

 

卷轴素材三

 

 

图片素材一

 

 

图片素材二

 

 

图片素材三

 

 

图片素材四

 

 

 

 

 

 

 

 

 

 

效果图一代码

<DIV align=center>
<TABLE style="WIDTH: 98%" cellSpacing=20 cellPadding=0 align=center background=http://s8.sinaimg.cn/orignal/5e1a7abfgad3757cf6817&690 border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD width=50 rowSpan=5><IMG height=20 src="http://s16.sinaimg.cn/orignal/5e1a7abfgad3757c45e2f&690" width=50><IMG height=15 src="http://s16.sinaimg.cn/orignal/5e1a7abfgad3757c45e2f&690" width=20><IMG height=390 src="http://s16.sinaimg.cn/orignal/5e1a7abfgad3757c45e2f&690" width=50><IMG height=15 src="http://s16.sinaimg.cn/orignal/5e1a7abfgad3757c45e2f&690" width=20><IMG height=20 src="http://s16.sinaimg.cn/orignal/5e1a7abfgad3757c45e2f&690" width=50></TD>
<TD width=610>
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=590><IMG height=20 src="http://s16.sinaimg.cn/orignal/5e1a7abfgad3757c45e2f&690" width=50></MARQUEE></DIV></TD></TR>
<TR>
<TD>
<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: -15px">
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=590><IMG height=15 src="http://s16.sinaimg.cn/orignal/5e1a7abfgad3757c45e2f&690" width=20></MARQUEE></DIV></DIV></TD></TR>
<TR>
<TD>
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=540><IMG style="BORDER-TOP: #0d3529 20px solid; BORDER-BOTTOM: #0d3529 20px solid" height=350 src="http://s15.sinaimg.cn/orignal/5e1a7abfgad37584e03be&690" width=590></MARQUEE></DIV>
<DIV style="MARGIN-TOP: -390px; MARGIN-LEFT: 0px">
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=590><IMG height=390 src="http://s16.sinaimg.cn/orignal/5e1a7abfgad3757c45e2f&690" width=50></MARQUEE></DIV></DIV>
<DIV style="MARGIN-TOP: -320px; MARGIN-LEFT: 0px">
<DIV align=center>
<MARQUEE scrollAmount=1 direction=down behavior=alternate width=240 height=150>
<MARQUEE style="FONT-SIZE: 35pt" scrollAmount=1 direction=up width=240 height=120><FONT face=隶书 color=#fff600><BR><BR><BR><BR>祖国华诞<BR>普天同庆</FONT></MARQUEE></MARQUEE></DIV></DIV></TD></TR>
<TR>
<TD>
<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: -15px">
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=590><IMG height=15 src="http://s16.sinaimg.cn/orignal/5e1a7abfgad3757c45e2f&690" width=20></MARQUEE></DIV></DIV></TD></TR>
<TR>
<TD>
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=590><IMG height=20 src="http://s16.sinaimg.cn/orignal/5e1a7abfgad3757c45e2f&690" width=50></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV align=center>
<MARQUEE style="FONT-SIZE: 35pt" scrollAmount=1 behavior=slide loop=1 width=410 height=50><FONT face=隶书 color=#fff600>祖国华诞 普天同庆</FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV> 

  

 

 

效果图四代码

<DIV align=center>
<TABLE style="LEFT: px; WIDTH: 980px; POSITION: relative" cellSpacing=25 cellPadding=0 align=center background=http://s12.sinaimg.cn/orignal/5e1a7abfgad386a209c7b&690 border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE style="WIDTH: 100%" cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD width=50 rowSpan=5><IMG height=20 src="http://s12.sinaimg.cn/orignal/5e1a7abfgad3757eddb3b&690" width=50><IMG height=15 src="http://s12.sinaimg.cn/orignal/5e1a7abfgad3757eddb3b&690" width=20><IMG height=460 src="http://s12.sinaimg.cn/orignal/5e1a7abfgad3757eddb3b&690" width=50><IMG height=15 src="http://s12.sinaimg.cn/orignal/5e1a7abfgad3757eddb3b&690" width=20><IMG height=20 src="http://s12.sinaimg.cn/orignal/5e1a7abfgad3757eddb3b&690" width=50></TD>
<TD width=610>
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=880><IMG height=20 src="http://s12.sinaimg.cn/orignal/5e1a7abfgad3757eddb3b&690" width=50></MARQUEE></DIV></TD></TR>
<TR>
<TD>
<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: -15px">
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=880><IMG height=15 src="http://s12.sinaimg.cn/orignal/5e1a7abfgad3757eddb3b&690" width=20></MARQUEE></DIV></DIV></TD></TR>
<TR>
<TD>
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=830><IMG style="BORDER-TOP: #999966 20px solid; BORDER-BOTTOM: #999966 20px solid" height=420 src="http://s14.sinaimg.cn/orignal/5e1a7abfgad375846a81d&690" width=860></MARQUEE></DIV>
<DIV style="MARGIN-TOP: -460px; MARGIN-LEFT: 0px">
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=880><IMG height=460 src="http://s12.sinaimg.cn/orignal/5e1a7abfgad3757eddb3b&690" width=50></MARQUEE></DIV></DIV>
<DIV style="MARGIN-TOP: -370px; MARGIN-LEFT: 0px">
<DIV align=center>
<MARQUEE scrollAmount=1 direction=down behavior=alternate width=400 height=150>
<MARQUEE style="FONT-SIZE: 40pt" scrollAmount=1 direction=up width=400 height=120><FONT face=隶书 color=#007400><BR><BR><BR><BR><BR>我爱我的祖国<BR>祝您十一快乐<BR>昭昭公主敬献</FONT></MARQUEE></MARQUEE></DIV></DIV></TD></TR>
<TR>
<TD>
<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: -15px">
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=880><IMG height=15 src="http://s12.sinaimg.cn/orignal/5e1a7abfgad3757eddb3b&690" width=20></MARQUEE></DIV></DIV></TD></TR>
<TR>
<TD>
<DIV align=left>
<MARQUEE scrollAmount=2 direction=right behavior=slide loop=1 width=880><IMG height=20 src="http://s12.sinaimg.cn/orignal/5e1a7abfgad3757eddb3b&690" width=50></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>