载入中
自定义HTML载入中... loading
音画制作代码集-图形特效 [转贴 2008-07-08 21:51:28]  删除... 
字体变小 字体变大
音画制作代码集-图形特效

二、图片特效代码:

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多年积攒的贴图代码全部珍藏,也可以说是他的全部心血,他无私的奉献给大家.非常感谢他!在这里向他道声谢谢了......

票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心