.............................................................................................................................................................................................................................
........................................................................................................................................................................................................................
|
..............................................................................................................................................................................................................................
滚动代码是音画制作上的基础代码,尤其在博客上可能是唯一的特效动作代码,因此掌握好滚动代码原理,
巧妙的组合运用,会给你的音画增加不少气氛!
图一代码
<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://cfile8.uf.tistory.com/image/1408B1304C79E872173BE9" 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://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.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://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.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://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.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://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.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://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.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://cfile8.uf.tistory.com/image/1408B1304C79E872173BE9" 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://img1.ph.126.net/yJ8mHlU6oNwzXZtA7BvH-A==/3180667236832231789.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://img1.ph.126.net/yJ8mHlU6oNwzXZtA7BvH-A==/3180667236832231789.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://img1.ph.126.net/yJ8mHlU6oNwzXZtA7BvH-A==/3180667236832231789.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://cfile8.uf.tistory.com/image/1408B1304C79E872173BE9" 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://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.jpg" width=200><IMG src="http://img.ph.126.net/J3tes7ljRlhDJ5O--UOLAQ==/3245687956452196276.gif"><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1)" height=200 src="http://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.jpg" width=200><IMG src="http://img.ph.126.net/J3tes7ljRlhDJ5O--UOLAQ==/3245687956452196276.gif"><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1)" height=200 src="http://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.jpg" width=200><IMG src="http://img.ph.126.net/J3tes7ljRlhDJ5O--UOLAQ==/3245687956452196276.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://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.jpg" width=200>
<P><IMG src="http://img.ph.126.net/J3tes7ljRlhDJ5O--UOLAQ==/3245687956452196276.gif"> </P>
<P><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1)" height=200 src="http://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.jpg" width=200></P>
<P><IMG src="http://img.ph.126.net/J3tes7ljRlhDJ5O--UOLAQ==/3245687956452196276.gif"> </P>
<P><IMG style="FILTER: alpha(opacity=70, style=2, enabled=1)" height=200 src="http://img1.ph.126.net/OTiNQT3GATb1LSGqHRd_-g==/3177008062135013217.jpg" width=200></P>
<P><IMG src="
评论