圖片各種移動代碼匯編及示例
一、向左移動
示例:
二、向右移動
示例:
三、向上移動
示例:
四、向下移動
示例:
五、來回移動
示例:
六、中間向兩邊移動:
示例:
七、上下起伏
示例:
八.圖片對開移動:
示例:
一、向左移動
代碼:
<BR></DIV></STRONG>
<DIV class=ns_content align=left>
<P>
<MARQUEE><IMG style="WIDTH: 405px; HEIGHT: 707px" height=31 src="替換你的圖片地址" width=88><BR></MARQUEE></P>
二、向右移動
代碼:
<MARQUEE style="WIDTH: 692px; HEIGHT: 557px" direction=right><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替換你的圖片地址" width=90><BR></MARQUEE></P>
三、向上移動
代碼:
<MARQUEE scrollAmount=2 direction=up>
<CENTER><BR><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替換你的圖片地址" width=90></CENTER></MARQUEE></P>
<P> </P>
四、向下移動
代碼:
<MARQUEE scrollAmount=5 direction=down>
<CENTER><IMG style="WIDTH: 343px; HEIGHT: 603px" height=52 src="替換你的圖片地址" width=149></CENTER></MARQUEE></P>
<P><BR></P>
<P><BR><BR><FONT style="FONT-SIZE: 22px" face=仿宋_gb2312 color=#ff00ff size=5><B> </B></FONT></P>
五、來回移動
代碼:
<MARQUEE style="WIDTH: 100%; HEIGHT: 524px" scrollAmount=10 behavior=alternate width="100%"><IMG style="WIDTH: 363px; HEIGHT: 520px" height=64 src="替換你的圖片地址" width=172><BR></MARQUEE></P>
<P><FONT style="FONT-SIZE: 22px" face=仿宋_gb2312 color=#ff00ff size=5><STRONG> </STRONG>
六、中間向兩邊移動
代碼:
<CENTER><BR>
<MARQUEE width=220 height=50><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替換你的圖片地址" width=90><FONT style="FONT-SIZE: 22px" face=華文彩云 color=#0000ff size=5><BR></FONT></MARQUEE>
<MARQUEE direction=right width=220 height=50><FONT style="FONT-SIZE: 22px" face=華文彩云 color=#0000ff size=5><BR><IMG style="WIDTH: 398px; HEIGHT: 547px" height=30 src="替換你的圖片地址" width=90><BR></FONT></MARQUEE>
七、上下起伏
代碼:
<CENTER>
<P style="TEXT-INDENT: 2em">
<MARQUEE scrollAmount=2 behavior=alternate width=630 height=471>
<MARQUEE scrollAmount=2 direction=up width=398 height=547><IMG src="替換你的圖片地址" border=0></MARQUEE></MARQUEE></P>
<P style="TEXT-INDENT: 2em"> </P>
八.圖片對開移動
代碼:
<P style="TEXT-INDENT: 2em">
<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="替換你的圖片地址" border=0></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="替換你的圖片地址" border=0></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120><IMG src="替換你的圖片地址" border=0></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120><IMG src="替換你的圖片地址" border=0></MARQUEE></TD></TR></TBODY></TABLE></P>
<P style="TEXT-INDENT: 2em"> </P>
注: 各參數(shù)詳解:
a)scrollAmount。它表示速度,值越大速度越快。如果沒有它,默認(rèn)為6,建議設(shè)為1~3比較好。
b)width和height,表示滾動區(qū)域的大小,width是寬度,height是高度。特別是在做垂直滾動的時(shí)候,一定要設(shè)height的值。
?,?font color=#ff0000>c)direction。表示滾動的方向,默認(rèn)為從右向左:←←←??蛇x的值有right、down、up。滾動方向分別為:right表示→→→,up表示↑,down表示↓。
?,?font color=#ff0000>d)scrollDelay,這也是用來控制速度的,默認(rèn)為90,值越大,速度越慢。通常scrollDelay是不需要設(shè)置的。
e)behavior。用它來控制屬性,默認(rèn)為循環(huán)滾動,可選的值有alternate(交替滾動)、slide(幻燈片效果,指的是滾動一次,然后停止?jié)L動)
◆不會使用代碼的,請點(diǎn)這里博客入門--新浪博客代碼怎么用