滾動圖片代碼
基本格式:代碼direction(屬性)
決定文本滾動方向:向左=ieft 向右=right
向上 = up 向下=down
mar quee behavior=scroll>一圈一圈地滾動
marquee behaviro=slide>只滾動一次就停止
滾動圖片代碼語法及使用:
例如下
<marquee behavior="scroll" direction="left" loop="infinite" scrollamount="3" on
<img src="../../../xiyuan/img/i-meihua/xm-02.jpg" width="100" height="75">
<img src="../../../xiyuan/img/i-meihua/xm-04.jpg" width="100" height="75">
<img src="../../../xiyuan/img/i-meihua/xm-05.jpg" width="100" height="75">
<img src="../../../xiyuan/img/i-meihua/xm-08.jpg" width="100" height="75">
<img src="../../../xiyuan/img/i-meihua/xm-09.jpg" width="100" height="75">
<img src="../../../xiyuan/img/i-meihua/xm-13.jpg" width="100" height="75">
</marquee></td>
其中
1、 behavior="scroll" 滾動的方式,scroll 為一圈一圈繞著走。
scrollAmount=3 滾動的速度,數(shù)值越大,速度越快,反之則慢。
direction=left 滾動的方向 left 是由右向左。
on
on
2、 <img src="../../../xiyuan/img/i-meihua/xm-02.jpg"
"../../../xiyuan/img/i-meihua/xm-02.jpg" 照片在本網(wǎng)中的位置,
xiyuan/img/i-meihua 在本網(wǎng)的文件夾中,
xm-02.jpg 照片名稱及格式。
3、 width="100" height="75">
width="100" 照片的寬度為100像素值。
height="75" 高度為75像素值。
4、如需要多設可將 <img src="../../../xiyuan/img/i-meihua/xm-02.jpg" width="100" height="75"> 這一行進行復制,放在 </marquee></td> 前面即可。
立體式滾動圖片的代碼
<P><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.qq7b.com/qq/5.5.swf?p1=http://在此加圖片.jpg&p2=http://在此加圖片.jpg&p3=http://在此加圖片.jpg&p4=http://在此加圖片.jpg&p5=http://在此加圖片.jpg&p6=http://在此加圖片.jpg& width=610 height=238 type=application/x-shockwave-flash type?100%? autostart="0" quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></P>
<P> </P>
1、一般滾動圖的頭尾中間有斷隙,一個巡環(huán)后等于從頭另來,斷續(xù)感影響畫面完整,下面介紹的代碼可消除間隙,改動代碼方向及排續(xù)可產(chǎn)生不同效果,掌握其原理后的運用在自己。
代碼:
<TABLE height=450 cellPadding=0 width=600 background=圖片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV>
<MARQUEE scrollAmount=4 direction=down width=600 height=450>
<MARQUEE scrollAmount=4 direction=up width=600 height=450><IMG style="FILTER: alpha WIDTH: 600px; HEIGHT: 450px" height=450 src="圖片地址" width=600></MARQUEE></MARQUEE>
</TD></TR></TBODY></TABLE>
說明: 按以下代碼可改變卷簾方向產(chǎn)生不同效果:
向下: direction=up向上: direction=down 向左: direction=right 向右: direction=left
附圖框代碼: <TABLE height=10 cellSpacing=5 borderColorDark=#54461c cellPadding=0 width=10 borderColorLight=#a89a6f background=http://image4.360doc.com/DownloadImg/2009/8/20/235219_5089880_1.jpg border=3 ORDERCOLOR="white">
<TBODY><TR><TD>此處添加圖片代碼<CENTER></CENTER>
附添加文字標題的鏈接代碼:
<DIV style="MARGIN-BOTTOM: 5px"><SPAN style="FONT-SIZE: 120%"><A href="
2、<DIV align=center> <TABLE cellSpacing=10 borderColorDark=#000080 cellPadding=0 width=485 align=center borderColorLight=#000080 background=http://image4.360doc.com/DownloadImg/2009/8/20/235219_5089880_2.gif border=0> <TBODY> <TR> <TD width="100%"> <CENTER> <TABLE cellSpacing=30 cellPadding=0 width="100%" background=http://image4.360doc.com/DownloadImg/2009/8/20/235219_5089880_3.jpg border=0> <TBODY> <TR> <TD width="100%"> <DIV align=center> <TABLE cellSpacing=10 borderColorDark=#000080 cellPadding=0 width="100%" borderColorLight=#000080 background=http://image4.360doc.com/DownloadImg/2009/8/20/235219_5089880_2.gif border=0> <TBODY> <TR> <TD align=middle width="100%" background=http://www.hmczj.com.cn/xianhua/1/XH138.jpg border="0"><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src=http://bbs.flasher123.com/UploadFile/2004-5/20045912435828355.swf width=475 height=330 type=application/x-shockwave-flash quality="high" wmode="transparent"><EMBED align=right src=http://wanruo.jahee.com/jpsc/flash/5.swf width=475 height=330 type=application/octet-stream quality="high" wmode="transparent"> <CENTER> <MARQUEE scrollAmount=2 direction=up width=475 height=329> <CENTER> <TABLE borderColor=#e4dc9b height=329 cellSpacing=5 width=480 background=http://img.blog.163.com/photo/_cMapZSUsehi3Q4_W0d0cA==/3683100070259045704.jpg border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></CENTER> <CENTER> <TABLE borderColor=#e4dc9b height=329 cellSpacing=5 width=485 background=http://www.hmczj.com.cn/xianhua/1/XH114.jpg border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></CENTER> <CENTER> <TABLE borderColor=#e4dc9b height=329 cellSpacing=5 width=485 background=http://www.hmczj.com.cn/xianhua/1/XH121.jpg border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></CENTER> <CENTER> <TABLE borderColor=#e4dc9b height=329 cellSpacing=5 width=485 background=http://www.hmczj.com.cn/xianhua/1/XH126.jpg border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></CENTER> <CENTER> <TABLE borderColor=#e4dc9b height=329 cellSpacing=5 width=485 background=http://www.hmczj.com.cn/xianhua/1/XH150.jpg border=0> <TBODY> <TR> <TD></TD></TR></TBODY></TABLE></CENTER> <DIV></DIV> <P></P> 一上一下滾動圖片特效代碼: <MARQUEE direction=right behavior=alternate> <MARQUEE width=120 direction=up behavior=alternate height=400><FONT face=華文行楷 color=#0000ff size=4><B>快來看喲!</B></FONT><BR><A href="></MARQU> 由中間向兩邊移動的文字和圖像 代碼: <P align=center> </P> <P align=center><FONT face=華文彩云 color=#ee110e size=5> <MARQUEE width=200 height=50><IMG style="CURSOR: pointer" src="