【制作代碼】音畫制作代碼集

百合心語 2009-11-20

展開全文

1、文字上下合并

<P align=center>
<CENTER>
<MARQUEE direction=down height=60 scrollAmount=2>
<CENTER><FONT color=#a25e6b face=華文彩云 size=8><B>歡迎光臨百合心語圖書館</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE direction=up height=60 scrollAmount=2>
<CENTER><FONT color=#a25e79 face=華文彩云 size=8><B>歡迎光臨百合心語圖書館</FONT></CENTER></B></MARQUEE></CENTER></CENTER>

效果：

歡迎光臨百合心語圖書館!

歡迎光臨百合心語圖書館！

2、框格里跑動的文字

<FONT face=隸書 color=maroon size=7><EM><B>
<MARQUEE style="BORDER-LEFT-COLOR: #c43c71; BORDER-BOTTOM-COLOR: #dd226d; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #c43c73; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #dd226d; BORDER-BOTTOM-STYLE: ridge" scrollAmount=3 scrollDelay=5 behavior=slide loop=450 width=450 height=6 align="middle" border="0">歡迎光臨百事心語圖書館</MARQUEE></B></EM></FONT>

效果：

歡迎光臨百合心語圖書館

3、文字走動

<CENTER>
<P><FONT color=red face=隸書 size=15>
<MARQUEE behavior=alternate direction=up height=120 width=60>輕</MARQUEE><FONT color=yellow>
<MARQUEE behavior=alternate direction=up height=80 width=60>輕</MARQUEE><FONT color=brown>
<MARQUEE behavior=alternate direction=up height=120 width=60>的</MARQUEE><FONT color=green>
<MARQUEE behavior=alternate direction=up height=90 width=60>我</MARQUEE><FONT color=orange>
<MARQUEE behavior=alternate direction=up height=120 width=60>走</MARQUEE><FONT color=#ff1493>
<MARQUEE behavior=alternate direction=up height=100 width=60>了</MARQUEE></FONT></FONT></FONT></FONT></FONT></FONT></B></MARQUEE></P></CENTER><BR><BR><BR>
<MARQUEE directio="right"><FONT color=red size=?>輕輕的我走了</FONT></MARQUEE>
<MARQUEE direction=up scrollAmount=3>
<CENTER><FONT color=lime face=隸書 size=5>輕輕的我走了</FONT> </CENTER></MARQUEE>
<MARQUEE direction=down scrollAmount=3>
<CENTER><FONT color=lime face=隸書 size=5>輕輕的我走了</FONT> </CENTER></MARQUEE>

效果：

輕輕的我走了

輕輕的我走了輕輕的我走了輕輕的我走了

4、三層FLASH

5、雙層FLASH

效果：

6、點擊進入

效果：

點擊進入

7、圖片霧化

效果：

8、透明霧化（禮花）

效果：

9、窗簾效果

效果：

10、寬屏編輯

<TD>

效果：

1、淡化
<TABLE style="FILTER: alpha(opacity=100,style=2)" width=350 align=center background=http://www./pic/newa/hongtaiyang.jpg>
<TBODY>
<TR>
<TD>
<P align=center><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://bbs./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、文字上下合并

<P align=center>
<CENTER>
<MARQUEE direction=down height=60 scrollAmount=2>
<CENTER><FONT color=#a25e6b face=華文彩云 size=8><B>眼睛里的湖水</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE direction=up height=60 scrollAmount=2>
<CENTER><FONT color=#a25e79 face=華文彩云 size=8><B>眼睛里的湖水</FONT></CENTER></B></MARQUEE></CENTER></CENTER>

3、圖片頁面移動：

<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./upload/200477/UF564061.jpg>
</FONT></MARQUEE>
</TD></TR></TBODY></TABLE></DIV>

4、倒影

5、走出頁面FLASH

6、置頂FLASH

7、背景及移動的字

TABLE height=300 cellSpacing=0 cellPadding=0 width=500 align=center background=http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102724_1.jpg border=3>
<TBODY>
<TR>
<TD>
<P align=center>
<MARQUEE scrollAmount=3 direction=up>
<P align=center><FONT face=隸書 color=#228c45 size=18>朋友</FONT></P>
<P align=center><FONT face=隸書 color=#228c45 size=18>大家好!</FONT></P>
<P align=center><FONT face=隸書 color=#228c45 size=18>辛苦了 </FONT></FACE></SIZE></COLOR></P></MARQUEE></P></TD></TR></TBODY></TABLE>

8、透明效果
<img src=" http://www./w77ll2xu/netupfile/2004_2_3/others/20042131102181.jpg";
width=480 height=320 style=filter:Alpha(opacity=100,style=2)>

9、文字或圖片飄動

10、點擊圖片連接網(wǎng)頁

11、小窗口顯大圖片

12、小框格里跑動的文字

<FONT face=隸書 color=maroon size=5><EM><B>
<MARQUEE style="BORDER-LEFT-COLOR: #c43c71; BORDER-BOTTOM-COLOR: #dd226d; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #c43c73; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #dd226d; BORDER-BOTTOM-STYLE: ridge" scrollAmount=3 scrollDelay=5 behavior=slide loop=450 width=450 height=6 align="middle" border="0">我的兄弟姐妹</MARQUEE></B></EM></FONT>

13、跑動(的圖片(淡化)

14、文字走動

14、雙層FLASH

16、三層FLASH

17、寬屏編輯

<TD>

18、音樂播放（隱藏）

19、發(fā)網(wǎng)頁貼

20、點擊進入：

<P align=center><A href="網(wǎng)址" target=_blank><FONT face=隸書 color=#d52b91 size=7>點擊進入</FONT></A></P>

21、打開另外窗口

在<a href="http://bbs.">點擊進入</a></div> 中加入target="_blank" 就成了<a target="_blank" href="http://bbs.">點擊進入</a></div>

22、兼顧不同屏幕法帖

<*CENTER> <*TABLE id=table1 style="LEFT: -223px; WIDTH: 138%; POSITION: relative; TOP: 67px" cellSpacing=0> <*TR> <*TD> <*OBJECT height=9220 width="100%" data=#.htm></OBJECT> <*/TD><*/TR><*/TABLE><*/CENTER><*BR>

23、插入圖片的幾種方法

代碼

代碼

代碼

?p>

24、FLASH特效覆蓋你的整個帖子

上下： TOP: 左右： LEFT: 可隨意調(diào)整

25、制圖貼第一層的全代碼：

26、插入單張ＦＬＡＳＨ
<EMBED align=center src=http://imgfree.21cn.com/free/flash/131.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" >

27、mp3循環(huán)播放

28、FLASH隱藏代碼

<EMBED src=http://image2.sina.com.cn/dongman/f/2003-11-28/U4P55T4D13002F53DT20031128142736 hidden=true type=audio/x-ms-wma LOOP="TRUE"

29、透明霧化（禮花）

30、圖片霧化

31、圖片左右交叉移動

32、圖片在背景中上移

33、多圖片左移、右移

34、圖片走走停停

35、透明FLASH加文字

36、圖片走走停停的從右向左移動

37、文字左右晃動上移

38、圖片全屏移動

代碼如下：

代碼如下：

39、發(fā)txt文件代碼

</B><BR><BR>請點擊：<A href="http://www./yy/01/jjdxn/JJDXN/wenwen/wenwen.txt" target=_blank>全屏欣賞</A> <BR>
<DIV style="LEFT: -215px; WIDTH: 990px; POSITION: relative; TOP: 140px"><IFRAME marginWidth=0 marginHeight=0 src="http://www./yy/01/jjdxn/JJDXN/wenwen/wenwen.txt" frameBorder=0 width=990 scrolling=no height=1050></IFRAME></DIV><BR><BR><BR><BR><BR><BR><BR><BR><BR></DIV>
<P></P>

40、調(diào)控圖片大小

41、一種發(fā)圖方法

代碼如下：

42、只有上下兩個小三角的滾動條：

43、用代碼貼圖的正反效果

代碼：

44、圖片連接：

45、霧化加移動字

<CENTER>
<TABLE border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=150,style=2)" width=349 background=http://shm./UploadFile/2005-6/200561214235442.gif height=256>
<P>
<MARQUEE scrollAmount=2 direction=up height=540><FONT face=華文行楷 40pt><FONT face=華文行楷 40pt>
<CENTER><B><FONT color=#9932cc size=6>我喜歡 <BR></FONT>
<P><FONT color=#9932cc size=5>我喜歡白云，</FONT> <BR>
<P><FONT color=#9932cc size=5>它純潔無暇;</FONT> <BR><BR>
<P><FONT color=#9932cc size=5>給我抒懷與暢想．</FONT> <BR>
<P><FONT color=#9932cc size=5>我喜歡天空,</FONT> <BR>
<P><FONT color=#9932cc size=5>它空曠寬廣；</FONT> <BR>
<P><FONT color=#9932cc size=5>能拓開我的心懷．</FONT> <BR>
<P><FONT color=#9932cc size=5>我喜歡夜色，</FONT> <BR>
<P><FONT color=#9932cc size=5>它寧靜深沉；</FONT> <BR>
<P><FONT color=#9932cc size=5>讓我冷靜思索未來．</FONT> <BR><BR>
<P><FONT color=#9932cc size=5>我喜歡江水，</FONT> <BR><BR>
<P><FONT color=#9932cc size=5>它奔騰向前；</FONT> <BR><BR>
<P><FONT color=#9932cc size=5>教我人生永不停歇．</FONT> <BR><BR>
<P><FONT color=#9932cc size=5>我更喜歡晨曦，</FONT> <BR><BR>
<P><FONT color=#9932cc size=5>它帶來新的氣息</FONT> <BR><BR>
<P><FONT color=#9932cc size=5>給我又一個新天地，</FONT> <BR><BR>
<P><FONT color=#9932cc size=5>帶給我新的契機！</FONT> <BR><BR>
<P><FONT color=#9932cc size=5>南北</FONT> <BR><BR>
<P><FONT color=#9932cc size=4>2005年六月八日</FONT></P></B></CENTER></FONT></FONT><BR><BR><BR><BR><BR><BR>
<P></P></P></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<DIV></DIV>
<P>
<DIV></DIV>
<P>
<DIV></DIV>
<P>
<DIV></DIV>
<P>
<DIV></DIV>
<DIV></DIV>
<P>
<DIV></DIV>
<P>
<P></CENTER></P>
<DIV></DIV>
<P>
<DIV></DIV>

46、圖片上面加滾動字

<CENTER>
<TABLE cellSpacing=15 cellPadding=5 width=550 align=center background=http://image2.360doc.com/DownloadImg/2008/12/11/39801_2102724_5.gif border=15 table>
<TBODY>
<TR>
<TD>
<P>
<P>
<MARQUEE scrollAmount=2 direction=up height=395><B>
<CENTER><FONT size=5><FONT color=#ff1493>歲月悠悠，<BR>時光如流，<BR>又一個圣誕節(jié)，<BR>又一段幸福時光，<BR>又一次真誠祝福，<BR>今天是我朋友的生日，<BR>飄送著的祝福<BR>縈繞在您的身邊<BR>愿這美麗的鮮花<BR>帶著最美好的祝愿<BR>祝您生日快樂！<BR>永遠快樂！<BR>0000</FONT></FONT></CENTER></B></MARQUEE></P></TD></TR></TBODY></TABLE></CENTER>

47、圖片加開門

48、圖片加透明FLASH加移動的文字

<P align=center><TABLE height=350 cellSpacing=3 borderColorDark=#fff000 cellPadding=0 width=500 borderColorLight=#fff000 background=http://www./bbs/UploadFile/2005-12/2005123121365067340.jpg border=12><TBODY><TR><TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/130.swf width=500 height=350 type=application/octet-stream wmode="transparent" quality="high" ;;> <BR><P align=center><MARQUEE scrollAmount=2 direction=up width=500 height=250><CENTER><FONT face=隸書 color=#ff00ff size=6>祝新年快樂！<BR><BR></FONT></CENTER></MARQUEE></P></TD></TR></TBODY></TABLE>

49、漂亮de豎條幅

50、橫向來回移動的多圖帖子

51、上下移動的多圖帖子

52、特大字

53、帖子內(nèi)單一圖片向上的移動代碼如下：

<CENTER><MARQUEE scrollAmount=1 direction=up height=600>
<TABLE style="WIDTH: 500px; HEIGHT: 375px" background=http://www./UploadFile/2005-1/200512821819969.jpg border=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></MARQUEE></CENTER>

MARQUEE：為移動“命令”代碼

scrollAmount：為速度，數(shù)值越大，移動速度越快

direction ：為方向，up,down,left,right分別代表上下左右的方向

height：為移動的高度

54、整個帖子動起來~~

代碼如下：

55、在任何論壇都可使用的內(nèi)框

56、在文字邊上加個滾動條

<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=9>
<TBODY>
<TR>
<TD align=middle>
<DIV style="OVERFLOW: auto; HEIGHT: 360px"><FONT face=黑體 color=blue size=8>滿江紅 [岳飛] <BR>怒發(fā)沖冠，憑闌處、瀟瀟雨歇。<BR>抬望眼、仰天長嘯，壯懷激烈。<BR>三十功名塵與土，八千里路云和月。<BR>莫等閑、白了少年頭，空悲切。 <BR>靖康恥，猶未雪；臣子恨，何時滅。<BR>駕長車踏破、賀蘭山缺。<BR>壯志饑餐胡虜肉，笑談渴飲匈奴血。<BR>待從頭、收拾舊山河。朝天闕。 <BR>飛揚教育論壇<BR></FONT></DIV></TD></TR></TBODY></TABLE>

57、窗簾效果

58、水中倒影

59、彩色字

<TABLE cellSpacing=0 cellPadding=0 align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=#000000>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 40pt" face=華文行楷 color=#336699><B>我的兄弟姐妹</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

60、大字橫走加背景

61、走出頁面的娃娃

62、圖片切換

<IMG class=IMG1 id=pic1

src="http://hongdou./hongdou/uploadfiles/images/2005/6/2/2005621429

42589.jpg" width="400" height="285">

<IMG class=IMG2 id=pic2

src="http://hongdou./hongdou/uploadfiles/images/2005/6/2/2005621430

17905.jpg" width="400" height="285">

<IMG class=IMG3 id=pic3

src="http://hongdou./hongdou/uploadfiles/images/2005/6/2/2005621431

21690.jpg" width="400" height="285">

63、背景移動

<IMG class=TAB id=tab

src="side1.jpg" width="210" height="326">

</TD></TR></TABLE>

<TR><TD><IMG class=TAB2 id=elles1

src="side2.jpg" width="210" height="326">

</TD></TR></TABLE>

64、圖片上加虛化的橫向活動人物

65、仙女駕云特效

66、單一圖片加字

67、讓圖片回復(fù)后變圖的代碼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
<!--
today=new Date();
jran=today.getTime();

function rnd() {

    ia=9301;
    ic=49297;
    im=233280;

jran = (jran*ia+ic) % im;
return jran/(im*1.0);
};

function rand(number) {

return Math.ceil(rnd()*number);
};

document.write("<CENTER>");
for(i=1;i<=1;i++) {
    myNum=(rand(10)); //改成你要隨機顯示的圖片數(shù)；
    if(myNum == 1) document.write("<img src=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''1.jpg''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''>");
if(myNum == 2) document.write("<img src=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''1.jpg''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''>"); //圖片路徑，可用http://
if(myNum == 3) document.write("<img src=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''2.jpg''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''>");
if(myNum == 4) document.write("<img src=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''3.jpg''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''>");
if(myNum == 5) document.write("<img src=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''4.jpg''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''>");
if(myNum == 6) document.write("<img src=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''5.jpg''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''>");
if(myNum == 7) document.write("<img src=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''6.jpg''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''>");
if(myNum == 8) document.write("<img src=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''7.jpg''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''>");
if(myNum == 9) document.write("<img src=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''8.jpg''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''>");
if(myNum == 10) document.write("<img src=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''9.jpg''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''>");
    else {
document.write();
}

};

document.write("</CENTER>");

//-->

</SCRIPT>

68、貼上貼