滚动代码之应用

 .............................................................................................................................................................................................................................

 

 ........................................................................................................................................................................................................................

..............................................................................................................................................................................................................................

滚动代码是音画制作上的基础代码,尤其在博客上可能是唯一的特效动作代码,因此掌握好滚动代码原理,

巧妙的组合运用,会给你的音画增加不少气氛!

图一代码

<TABLE borderColor=#000000 cellSpacing=30 cellPadding=0 bgColor=#fffff7 border=15>
<TBODY>
<TR>
<TD borderColor=#fffff7 cellpadding="0" cellspacing="0" border="1"><IMG title="" style="WIDTH: 800px; HEIGHT: 250px" height=250 alt="" src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_1" width=800>
</TD></TR></TBODY></TABLE>
<DIV style="LEFT: 160px; WIDTH: 200px; POSITION: absolute; TOP: 230px; HEIGHT: 200px">
<TABLE height=200 cellSpacing=0 cellPadding=0 width=200 background=http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg border=3>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></DIV>
<MARQUEE style="Z-INDEX: 1; LEFT: 160px; POSITION: absolute; TOP: 220px" scrollAmount=1 scrollDelay=60 width=200 height=200><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1); LEFT: 150px; TOP: 220px" src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg"></MARQUEE>
<MARQUEE style="Z-INDEX: 2; LEFT: 160px; POSITION: absolute; TOP: 220px" scrollAmount=1 scrollDelay=60 direction=right width=200 height=200><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1); LEFT: 150px; TOP: 220px" src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg"></MARQUEE>
<MARQUEE style="Z-INDEX: 3; LEFT: 150px; POSITION: absolute; TOP: 230px" scrollAmount=1 scrollDelay=60 direction=down width=200 height=200><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1); LEFT: 150px; TOP: 230px" src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg"></MARQUEE>
<MARQUEE style="Z-INDEX: 4; LEFT: 150px; POSITION: absolute; TOP: 230px" scrollAmount=1 scrollDelay=60 direction=up width=200 height=200><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1); LEFT: 150px; TOP: 230px" src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg"></MARQUEE>

*****************************************************************************************************************************************************************************

 图二代码

 

<TABLE borderColor=#b5ce94 cellSpacing=30 cellPadding=0 bgColor=#fffff7 border=15>
<TBODY>
<TR>
<TD borderColor=#fffff7 cellpadding="0" cellspacing="0" border="1"><IMG title="" style="WIDTH: 800px; HEIGHT: 250px" height=250 alt="" src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_1" width=800>
</DIV></TD></TR></TBODY></TABLE>
<DIV style="LEFT: 75px; POSITION: absolute; TOP: 170px">
<MARQUEE style="WIDTH: 800px; HEIGHT: 250px" scrollAmount=20 loop=3 behavior=alternate>
<IMG style="FILTER: alpha(opacity=100,finishopacity=0,style=1)"src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_3.jpg"></MARQUEE></div>
<DIV style="LEFT: 295px; POSITION: absolute; TOP: 170px">
<MARQUEE style="WIDTH: 580px; HEIGHT: 250px" scrollAmount=13 loop=3 behavior=alternate>
<IMG style="FILTER: alpha(opacity=100,finishopacity=0,style=1)"src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_3.jpg"></MARQUEE></div>
<DIV style="LEFT: 515px; POSITION: absolute; TOP: 170px">
<MARQUEE style="WIDTH: 360px; HEIGHT: 250px" scrollAmount=5 loop=3 behavior=alternate>
<IMG style="FILTER: alpha(opacity=100,finishopacity=0,style=1)"src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_3.jpg"></MARQUEE></div>

*********************************************************************************************************************************************************************************

 图三代码

<TABLE borderColor=#000000 cellSpacing=30 cellPadding=0 bgColor=#fffff7 border=15>
<TBODY>
<TR>
<TD borderColor=#fffff7 border="1" cellspacing="0" cellpadding="0"><IMG style="WIDTH: 800px; HEIGHT: 250px" height=250 src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_1" width=800>
<DIV style="LEFT: 80px; POSITION: absolute; TOP: 230px">
<MARQUEE style="WIDTH: 600px; HEIGHT: 200px" scrollAmount=2><IMG  style="FILTER: alpha(opacity=70, style=2, enabled=1)" height=200  src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg" width=200><IMG  src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_4.gif"><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1)" height=200  src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg" width=200><IMG  src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_4.gif"><IMG  style="FILTER: alpha(opacity=70, style=2, enabled=1)" height=200  src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg" width=200><IMG   src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_4.gif"></MARQUEE></DIV>
<DIV style="LEFT: 230px; POSITION: absolute; TOP: 230px">
<MARQUEE style="WIDTH: 200px; HEIGHT: 200px" scrollAmount=2 direction=up><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1)" height=200  src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg" width=200>
<P><IMG  src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_4.gif"> </P>
<P><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1)" height=200  src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg" width=200></P>
<P><IMG  src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_4.gif"> </P>
<P><IMG  style="FILTER: alpha(opacity=70, style=2, enabled=1)" height=200  src="http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_2.jpg" width=200></P>
<P><IMG  src="

http://image18.360doc.com/DownloadImg/2010/11/2718/7156977_4.gif"></P></MARQUEE></DIV>
<DIV style="LEFT: 120px; POSITION: absolute; TOP: 170px"><EMBED src=http://vip./filestores/2010/11/12/eb81add8d22715bcc7f79575b6026c84.swf width=350 height=278 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" allowNetworking="internal"></DIV></TD></TR></TBODY></TABLE>