
二、图片特效代码:
1、淡化
<TABLE style="FILTER: alpha(opacity=100,style=2)" width=350 align=center
background=http://www.yileen.com.cn/pic/newa/hongtaiyang.jpg>
<TBODY>
<TR>
<TD>
<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer
src=http://bbs.flash8.net/bbs/UploadFile/2005-12/2005129101542256.swf width=350 height=225
type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>
</P></TD></TR></TBODY></TABLE>
2、图片页面移动:
<DIV id=Layer2 style="Z-INDEX: 2; LEFT: 10px; WIDTH: 211px; POSITION: absolute; TOP: 100px; HEIGHT:
120px">
<TABLE cellSpacing=10 cellPadding=0 width="60%" border=0>
<TBODY>
<TR class=unnamed1>
<TD vAlign=top width="90%" height=274>
<DIV align=center>
<MARQUEE style="FLOAT: none; MARGIN-LEFT: auto; MARGIN-RIGHT: auto" scrollAmount=10 scrollDelay=99
direction=up width=400 height=600 border="0"><FONT color=#0ff000><FONT face=隶书 color=red size=5><B>相
逢是首歌</B></FONT><BR><BR><BR>
<IMG src=http://love.xaonline.com/upload/200477/UF564061.jpg>
</FONT></MARQUEE>
</TD></TR></TBODY></TABLE></DIV>
3、倒影
<P align=center><FONT style="COLOR: #00ff00; FONT-SIZE: 27pt; HEIGHT: 10px; WIDTH: 220px"><IMG
src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT id=ew style="COLOR: #3333ff;
FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); FONT-SIZE: 27pt; HEIGHT: 10px;
WIDTH: 220px"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FONT></P>
4、透明效果
<img src=" http://www.tietu.net/w77ll2xu/netupfile/2004_2_3/others/20042131102181.jpg";
width=480 height=320 style=filter:Alpha(opacity=100,style=2)>
5、点击图片连接网页
<DIV ALIGN="CENTER"><A HREF=" http://www.tietu.com"; TARGET="_blank"></SCRIPT></A></DIV><p
align="center"><a
href=" http://www.tietu.com"; target="_blank"><img src="
http://www.tietu.net/w77ll2xu/uploadimages/2003-4-1/huohu/cnsysc/20030414/015/VV001.jpg";height="320"
width="480" border="0"></a></p>
6、小窗口显大图片
<center><BR> <iframe width=450 height=450 marginwidth=0 marginheight=0
src=http://www.rsbw.com/bbss/UploadFile/2003-10/2003102413572957607.jpg width="400"
height="450"></iframe></center>
7、跑动的图片(淡化)
<P align=center>
<MARQUEE scrollAmount=10 directio="down"><INPUT
src="http://lady.tom.com/img/assets/200307/she010_030723171328.jpg" style="FILTER: alpha
(opacity=100,style=2)" type=image width=400><INPUT
src="http://lady.tom.com/img/assets/200307/she009_030723171319.jpg" style="FILTER: alpha
(opacity=100,style=2)" type=image width=400><INPUT
src="http://lady.tom.com/img/assets/200307/030723171309she008.jpg" style="FILTER: alpha
(opacity=100,style=2)" type=image width=400><INPUT
src="http://lady.tom.com/img/assets/200307/she006_030723171251.jpg" style="FILTER: alpha
(opacity=100,style=2)" type=image width=400><INPUT
src="http://lady.tom.com/img/assets/200307/she005_030723171243.jpg" style="FILTER: alpha
(opacity=100,style=2)" type=image width=400><INPUT
src="http://lady.tom.com/img/assets/200307/she004_030723171234.jpg" style="FILTER: alpha
(opacity=100,style=2)" type=image width=400><INPUT
src="http://lady.tom.com/img/assets/200307/she003_030723171225.jpg" style="FILTER: alpha
(opacity=100,style=2)" type=image width=400></MARQUEE></P>
8、插入图片的几种方法
代码
<img src="http://www.scxxt.com.cn/ziyuan/mdv/seniorchinese/teach/g4/41004/images/p007.jpg" width=330
height=250 style=filter:Alpha(opacity=100,style=2)>
代码
<IMG src="http://www.scxxt.com.cn/ziyuan/mdv/seniorchinese/teach/g4/41004/images/p007.jpg"
style="FILTER: gray(color=#ffedff)">
代码
<IMG style="FILTER: xray(color=#ffedff)"
src="http://www.scxxt.com.cn/ziyuan/mdv/seniorchinese/teach/g4/41004/images/p007.jpg">
<IMG style="FILTER: flipv(color=#ffedff)"
src="http://www.scxxt.com.cn/ziyuan/mdv/seniorchinese/teach/g4/41004/images/p007.jpg">
9、制图贴第一层的全代码:
<TABLE borderColor=#EE7600 cellSpacing=20 cellPadding=3 width="100%" bgColor=#FF82AB
background=http://bbs.muwen.com/fileuploaddir/4B398177485.jpg border=0>
<TBODY>
<TR>
<TD>添加内容</TD></TR></TBODY></TABLE>
10、透明雾化(礼花)
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=500 border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=500
background=http://bbs.muwen.com/fileuploaddir/4B277673005.gif ight=500><EMBED
pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.nygyfs.com/tmswf/37.swf width=500
height=500 type=application/x-shockwave-flash wmode="transparent"
quality="high"></EMBED></TD></TR></TBODY></TABLE></CENTER>
11、图片雾化
<TABLE style="FILTER: Alpha(opacity=100,style=3)" height=364 width=500 align=center
background=http://bbs.muwen.com/fileuploaddir/4B26188034.3.gif table>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
12、图片左右交叉移动
<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>
<P align=center><IMG src="http://www.digicake.com.tw/product_image/da_96.jpg"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120>
<P align=center><IMG src="http://www.digicake.com.tw/product_image/da_96.jpg" < P></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=right width=120>
<P align=center><IMG src="http://www.digicake.com.tw/product_image/da_96.jpg"></P></MARQUEE></TD>
<TD align=middle>
<MARQUEE scrollAmount=1 scrollDelay=100 width=120>
<P align=center><IMG
src="http://www.digicake.com.tw/product_image/da_96.jpg"></P></MARQUEE></TD></TR></TBODY></TABLE>
13、图片在背景中上移
<TABLE borderColor=#cccccc height=450 cellSpacing=0 cellPadding=0 width=550
background=http://www.qtqy.com.cn/bj/bjh13.gif border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<MARQUEE scrollAmount=2 scrollDelay=90 direction=up width=524 height=349 directio="up">
<TABLE style="WIDTH: 524px; HEIGHT: 349px" borderColor=#cccccc cellSpacing=2 cellPadding=3
background=http://tietu.znrsw.com/UploadFile/2005-8/200581517271182921.gif border=0>
<TBODY>
<TR>
<TD>
<CENTER></CENTER></TR></TBODY></TABLE></CENTER></TR></TBODY></TABLE>
14、多图片左移、右移
<MARQUEE width=524 height=350><IMG src="http://tietu.znrsw.com/UploadFile/2005-
8/200581517271182921.gif"><IMG src="http://tietu.znrsw.com/UploadFile/2005-
8/200581517272378125.gif"><IMG src="http://tietu.znrsw.com/UploadFile/2005-
8/200581517295941674.gif"></MARQUEE>
<MARQUEE direction=right width=524 height=350><IMG src="http://tietu.znrsw.com/UploadFile/2005-
8/200581517283536103.gif"><IMG src="http://tietu.znrsw.com/UploadFile/2005-
8/200581517293712961.gif"><IMG src="http://tietu.znrsw.com/UploadFile/2005-
8/200581517311796062.gif"></MARQUEE>
15、图片走走停停
<MARQUEE scrollAmount=3 behavior=alternate width=100%><MARQUEE scrollAmount=3 width=96%>
<IMG src="http://www.616bbs.com/picture/xx9/hs/73.jpg"><IMG
src="http://www.616bbs.com/picture/xx9/hs/175.jpg"><IMG
src="http://www.616bbs.com/picture/xx9/hs/216.jpg">
</MARQUEE></MARQUEE>
16、图片走走停停的从右向左移动
<MARQUEE scrollAmount=3 behavior=alternate width=100%><MARQUEE scrollAmount=3 width=96%>
图片
</MARQUEE></MARQUEE>
17、图片全屏移动
代码如下:
<DIV style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 70px">
<MARQUEE><INPUT type=image height=600 width=1000 src="http://www.vicn.net/UploadFile/2005-
6/2005628850157052.jpg"> <BR>
<DIV></DIV></MARQUEE><FONT style="FONT-SIZE: 0px"><BR></DIV></FONT>
<DIV></DIV><BR><BR></DIV>
<P></P>
代码如下:
<DIV style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 70px">
<MARQUEE><INPUT type=image height=600 width=1000 src="http://www.vicn.net/UploadFile/2005-
6/20056288495555185.jpg"> <BR>
<DIV></DIV></MARQUEE><FONT style="FONT-SIZE: 0px"><BR></DIV></FONT>
<DIV></DIV><BR><BR></DIV>
<P></P>
<DIV style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 70px">
<MARQUEE><INPUT type=image height=600 width=1000 src="http://www.vicn.net/UploadFile/2005-
6/2005628850775004.jpg"> <BR>
<DIV></DIV></MARQUEE><FONT style="FONT-SIZE: 0px"><BR></DIV></FONT>
<DIV></DIV><BR><BR></DIV>
<P></P>
18、调控图片大小
<P align=center><INPUT src="http://img.gw.com.cn/UploadFile/2005/6/28/4772020.gif" type=image
width=550></P>
19、一种发图方法
代码如下:
<DIV style="LEFT: -220px; WIDTH: 970px; POSITION: relative; TOP: 70px">
<MARQUEE><INPUT type=image height=600 width=1000 src="http://www.vicn.net/UploadFile/2005-
6/2005628850157052.jpg"> <BR><BR>
<DIV></DIV></MARQUEE><FONT style="FONT-SIZE: 0px"></DIV></FONT>
<DIV></DIV><BR><BR><BR>
<DIV></DIV><BR><BR><BR>
20、用代码贴图的正反效果
代码:
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: FlipH" width=500 background=http://www.yyly8.com/UploadFile/2005-
9/200592220584792781.jpg height=364></TD></TR></TBODY></TABLE></DIV>
<P></P>
21、图片连接:
<A href="连接网页地址"><IMG height=92 src="图片URL地址" width=130 border=0></A>
22、图片加开门
<BR><BR>
<TABLE height=300 cellSpacing=0 cellPadding=0 width=300 align=center
background=http://bbs.xxjy.net/showimg.asp?BoardID=429&filename=2005-12/200512241736479683.jpg border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=3 behavior=slide width=300 height=289>
<MARQUEE scrollAmount=3 direction=right width=300 height=289>
<DIV align=center>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient
(gradientType=1,startColorstr=green, endColorstr=red)" height=300 cellSpacing=0 cellPadding=0 width=300
align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#0000FF)">
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff"><FONT
size=7><STRONG><FONT face=华文新魏>
<P align=center><FONT style="FONT-SIZE: 85pt; FONT-FAMILY: 华文新魏" color=#ff00ff><B>谢谢
</B></FONT></P></FONT></FONT>
<P></P></FONT></STRONG></FONT></DIV></TD></TR></TBODY></TABLE></DIV></MARQUEE></MARQUEE></TD>
<TD>
<MARQUEE scrollAmount=3 direction=right behavior=slide width=300 height=300>
<MARQUEE scrollAmount=3 width=300 height=300>
<DIV align=center>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient
(gradientType=1,startColorstr=red, endColorstr=green)" height=300 cellSpacing=0 cellPadding=0 width=300
align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#0000FF)">
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff">
<P align=center><FONT style="FONT-SIZE: 85pt; FONT-FAMILY: 华文新魏" color=#ff00ff><B>谢谢
</B></FONT></P></FONT></STRONG>
<P></P></DIV></TD></TR></TBODY></TABLE></DIV></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></T
BODY></TABLE><BR>
<DIV></DIV><BR><BR><BR><BR><BR>
23、横向来回移动的多图帖子
<CENTER>
<MARQUEE scrollAmount=1 direction=right behavior=alternate width="100%">
<CENTER>
<TABLE cellSpacing=0 width=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0
cellpading="0">
<TBODY>
<TR>
<TD>
<P align=center><IMG src=http://qslsc.2000y.net/112306/uploadpic/20041021154315693.gif></P>
<P align=center><IMG src=http://222.186.123.12/yueming/UploadFile/2004-10/2004102918410884.jpg></P>
<P align=center><IMG src=http://li783.51.net/fei.gif></P>
<P align=center><IMG src=http://www.369590.com/bbs/UploadFile/2004-10/200410231026232.gif></P>
<P align=center><IMG src=http://www.hzlove.com/bbs/UploadFace/480_200410211423525424.gif></P>
<P align=center><IMG src=http://www.me30.com/bbs/UploadFile/200422517451824924.jpg></P>
<P align=center><IMG src=http://bbs.cnad.com/non-cgi/usr/8/8_8276_76.gif></P>
<P align=center><IMG src=http://222.186.123.12/yueming/UploadFace/224_2004102721315644645.jpg></P>
<P align=center><IMG src=http://www.link3000.com/face/new37/new3586.jpg></P>
<P align=center><IMG src=http://znrs.2000y.net/UploadFile/2004-
9/2004927142624656.jpg></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>
24、上下移动的多图帖子
<CENTER>
<MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=450 height=500 border="1"
borderColor="#000000">
<P align=center><IMG src="http://znrs.2000y.net/UploadFile/2004-9/2004927142624656.jpg"></P>
<P align=center><IMG src="http://www.me30.com/bbs/UploadFile/200422517451824924.jpg"></P>
<P align=center><IMG
src="http://0576.realqq.com/ycs/web/qiaoran/tupian/2004526143513839ran.jpg"></P></MARQUEE></CENTER>
25、帖子内单一图片向上的移动代码如下:
<CENTER><MARQUEE scrollAmount=1 direction=up height=600>
<TABLE style="WIDTH: 500px; HEIGHT: 375px" background=http://www.xxjy.net/UploadFile/2005-
1/200512821819969.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE></CENTER>
MARQUEE:为移动“命令”代码
scrollAmount:为速度,数值越大,移动速度越快
direction :为方向,up,down,left,right分别代表上下左右的方向
height:为移动的高度
26、窗帘效果
<P align=center>
<TABLE cellSpacing=10 cellPadding=0 width="70%" align=center
background=http://bbs.xxjy.net/UploadFile/2005-4/200541782037526.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=10 cellPadding=0 width="100%" align=center
background=http://www.whdjdybbs.com/bbs/UploadFile/2004-11/20041122102033452.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE height=510 cellSpacing=0 cellPadding=20 width=660 align=center
background=http://bbs.xxjy.net/UploadFile/2005-5/200552393334618.jpg border=1>
<TBODY>
<TR>
<TD><EMBED align=right src=http://youngcolor.com.ne.kr/swf1/38.swf width=660 height=510
type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED><EMBED align=right
src=http://mtv.vicn.com/upload/2004482345353317.swf width=660 height=510 type=application/x-shockwave-
flash quality="high" wmode="transparent"></EMBED>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
27、水中倒影
<CENTER><APPLET code=Lake.class codeBase=http://www.romantic-art.com/ height=470 width=355><PARAM
NAME="image" VALUE="http://www.romantic-
art.com/cards6/contentwithmyself/LADYONLANDING.JPG"></APPLET></CENTER>
28、图片切换
<IMG class=IMG1 id=pic1
src="http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/2005/6/2/2005621429
42589.jpg" width="400" height="285">
<IMG class=IMG2 id=pic2
src="http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/2005/6/2/2005621430
17905.jpg" width="400" height="285">
<IMG class=IMG3 id=pic3
src="http://hongdou.gxnews.com.cn/hongdou/uploadfiles/images/2005/6/2/2005621431
21690.jpg" width="400" height="285">
29、图片上加虚化的横向活动人物
<TBODY>
<TR>
<TD>
<TABLE height=422 cellSpacing=0 cellPadding=0 width=640
background=http://bbs.tianshi163.com/UploadFile/2005-9/200592017402855624.jpg border=0
bortercolor="#000000">
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2>
<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=170 width=250 align=center
background=http://bbs.tianshi163.com/UploadFile/2005-9/200592018234287944.jpg table>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE>
以上资料来自一个论坛的管理员lingrenyin多年积攒的贴图代码全部珍藏,也可以说是他的全部心血,他无私的奉献给大家.非常感谢他!在这里向他道声谢谢了......


欢迎您光临