圖片移動特效代碼-制作筆記（勿刪）

乃琴

分享幾個漂亮圖片特效代碼

左右移動特效代碼： <TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0> <TBODY> <TR> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120> < align=center><IMG src="http://www.6188.com/File/1/bigimg/630-2004-12-29-11-15-586137.jpg"></P></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120> < align=center><IMG src="http://www.6188.com/File/1/bigimg/630-2004-12-29-11-15-586137.jpg" P <></P></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120> < align=center><IMG src="http://www.6188.com/File/1/bigimg/630-2004-12-29-11-15-586137.jpg"></P></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=120> <P align=center><IMG src="http://www.6188.com/File/1/bigimg/630-2004-12-29-11-15-586137.jpg"></P></MARQUEE></TD></TR></TBODY></TABLE> 移動的圖片代碼： <MARQUEE scrollAmount=2 direction=right><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=500 src="http://www.6188.com/File/1/bigimg/630-2004-12-29-11-15-561897.jpg"></MARQUEE> 多張圖片向左移動代碼： <MARQUEE scrollAmount=10 directio="down"><INPUT style="FILTER: alpha(opacity=80,style=2)" type=image width=500 src="http://bbs.sznews.com/UploadFile/2005-10/2005105143241536.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=500 src="http://photo.pic.sohu.com/images/chinaren/2005-06-13/105778e32c5.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=500 src="http://www.yhwt.com/bbs/UploadFile/20044131415364.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=500 src="http://www.suowe.com/wallpaper/2005/06/tulip/002.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=500 src="http://www.1000fr.com/attachment/15_5723.jpg"><INPUT style="FILTER: alpha(opacity=100,style=2)" type=image width=500 src="http://www.1000fr.com/attachment/15_5724.jpg"><INPUT style="FILTER: alpha(opacity=200,style=2)" type=image width=500 src="http://www.1000fr.com/attachment/15_5731.jpg"></MARQUEE></P> <P align=center> <CENTER> <CENTER>&nbsp;</CENTER></CENTER><BR> 在邊框里面移動的圖片代碼： <TABLE cellSpacing=20 cellPadding=0 width=500 background=http://www.s1.inets.jp/~rouge/free/17.jpg border=1> <TBODY> <TR> <TD> <TABLE cellSpacing=5 cellPadding=0 width="100%" background=http://pixelsbyjudy.com/Background_tiles/floral1_small.jpg border=0> <TBODY> <TR> <TD align=middle> <TABLE height=380 width=500 background=http://www.longhumen.com.cn/BBS/UploadFile/2004-9/2004943127488.jpg border=1> <TBODY> <TR> <TD> <CENTER> <MARQUEE scrollAmount=2 width="100%" directio="left"> <P align=center><IMG src="http://www.nanaojy.com/bbs/upload/sf_2004103164236.jpg"><IMG src="http://www.nanaojy.com/bbs/upload/sf_2004103164236.jpg"><IMG src="http://www.nanaojy.com/bbs/upload/sf_2004103164236.jpg"><IMG src="http://www.nanaojy.com/bbs/upload/sf_2004103164516.jpg"><IMG src="http://www.nanaojy.com/bbs/upload/sf_2004103164729.jpg"><IMG src="http://www.nanaojy.com/bbs/upload/sf_2004103164830.jpg"><IMG src="http://www.nanaojy.com/bbs/upload/sf_2005616203918.jpg"><IMG src="http://www.nanaojy.com/bbs/upload/sf_200410251859.jpg"> </P></MARQUEE></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR></DIV> <P></P> 在邊框向上移動的圖片代碼： <TABLE borderColor=#cccccc height=450 cellSpacing=0 cellPadding=0 width=550 background=http://www.haosc.com/SucaiImages/22/B/HaoSc22_944_200525104031371.gif border=1> <TBODY> <TR> <TD> <CENTER> <MARQUEE scrollAmount=2 scrollDelay=90 direction=up width=524 height=450 directio="up"> <TABLE style="WIDTH: 524px; HEIGHT: 349px" borderColor=#cccccc cellSpacing=2 cellPadding=3 background=http://bbsimg.qq.com/2004/12/07/002/615.jpg border=0> <TBODY> <TR> <TD> <CENTER></CENTER></TD></TR></TBODY></TABLE> <CENTER></CENTER> <CENTER></CENTER> <CENTER></CENTER></CENTER></TD></TR></TBODY></TABLE> 相反移動的圖片代碼： <MARQUEE width=500 height=375><IMG src="http://www.chinatuku.com/fg/sjfg/8.jpg"><IMG src="http://www.chinatuku.com/fg/sjfg/9.jpg"><IMG src="http://www.chinatuku.com/fg/sjfg/11.jpg"></MARQUEE> <MARQUEE direction=right width=524 height=350><IMG src="http://www.chinatuku.com/fg/sjfg/10.jpg"><IMG src="http://www.chinatuku.com/fg/sjfg/18.jpg"><IMG src="http://www.chinatuku.com/fg/sjfg/25.jpg"></MARQUEE 圖 圖片分段移動代碼： <TABLE cellSpacing=0 cellPadding=0 width="70%" align=center border=0> <TBODY> <TR> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=500><IMG src="http://bbsimg.qq.com/2004/12/07/002/615.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=500><IMG src="http://bbsimg.qq.com/2004/12/07/002/615.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=500><IMG src="http://bbsimg.qq.com/2004/12/07/002/615.jpg"></MARQUEE></TD> <TD align=middle> <MARQUEE scrollAmount=1 scrollDelay=100 width=500><IMG src="http://bbsimg.qq.com/2004/12/07/002/615.jpg"></MARQUEE></TD></TR></TBODY></TABLE> 文字變色代碼： <P><FONT id=font1 style="FONT-SIZE: 80pt" face=黑體 color=#00ffff><B>Q影社區</B><?import namespace = t urn = "urn:schemas-microsoft-com:time" implementation = "#default#time2" declareNamespace /><t:animateColor id=color1 attributeName = "color" calcMode = "paced" targetElement = "font1" values = "#00FF00;;#FFFF00;;#FF00FF;;#0000FF;" autoReverse = "true" begin = "0;b4.click" dur = "12" repeatCount = "100"></t:animateColor></FONT> </P> <P> </P> 注：代碼中的圖片地址及高和寬都可以自己設定

乃琴

乃琴

惜緣