音畫作品中插入Flash的代碼的方法 Flash比GIF動畫要漂亮些，我們把它設為透明後， Flash的背面我們可以插入一些漂亮的圖片與之搭配達到很漂亮的效果；或者僅僅在音畫作品中加入透明的Flash，可使你的作品更加漂亮，雙兒就教你幾種插入Flash的方法。（一）首先教大家最簡單的插入Flash的代碼，透明，無坐標控制：代碼如下：<EMBEDheight=360pluginspage=http://www.macromedia.com/go/getflashplayersrc=Flash地址 type=application/x-shockwave- flashwidth_=500wmode="transparent"quality="high"></EMBED>注意:wmode="transparent"是控制Flash是否透明顯示的，如果不想讓它顯示為透明的，直接把wmode="transparent"去掉即可。說明：也就是把FLASH放在圖片裡面，這樣圖片就必需作為背景才行，不足之處就在於圖片往往較大，而論壇或者網站顯示範圍有限，作為背景的圖片常常無法顯示全圖。所以建議大家在用這種格式的時候最好是選取一些較小的圖，也或者自己用PS將圖改小了再用。（二）再教教大家加入絕對坐標的透明Flash，絕對坐標意味著不管你的窗口拉多大，那個Flash依然乖乖地在原地不動：代碼如下：<EMBEDstyle="LEFT:250px;WIDTH:550px;POSITION:absolute;TOP:200px; HEIGHT:1000px"align=rightsrc=Flash地址width_=500height=2000type=application/octet- stream;;quality="high"wmode="transparent">（三）最後教教大家如何加入相對坐標的透明Flash，注意下面代碼的table部分，這主要是使用表格作為容器，把Flash「裝」到表格里，這樣不管瀏覽者把瀏覽器拉多大，Flash永遠和表格一起動。而且，表格可以設置背景圖片，表格上面再放一個透明Flash與背景圖片相配合。代碼如下：<tableborder="0"cellPadding="0"cellSpacing="0"width_=600height=382align=center ;background=圖片地址 ><TDwidth_=600height=382><EMBEDpluginspage=http://www.macromedia.com/go/getflashplayersrc=Flash地址height="100%"type=application/x-shockwave- flashwmode="transparent"quality="high"></EMBED></TD></td></table>比如：兩隻蝴蝶翩翩飛，代碼如下：<EMBEDstyle="LEFT:0px;WIDTH:750px;POSITION:absolute;TOP:- 300px;HEIGHT:1000px"align=rightsrc=http://imgfree.21cn.com/free/flash/9.swfwidth_=500heigh t=2000type=application/octet- streamquality="high"wmode="transparent">最後請記住，Flash地址後面必須空一格，否則無法顯示。小提示：其實我們會做Flash作品的也可以自己做簡單的作品，然後如上所述，將其設置為透明的添加到自己的作品裡，會收到意想不到的結果喲，你可以試試看！！播放器代碼如下:<EMBED style="LEFT:-186px; WIDTH: 600px; top:390px; POSITION: absolute; HEIGHT: 150px"src=http://webdisk.honglinbbs.com/media/shuanger/FLASH-YH/zhufu/00.swf type=application/octet-stream ;; quality="high"wmode="transparent"><EMBED src=音樂地址 hidden=true type=audio/x-pn-realaudio-plugin AutoStart="true" Loop="true"></EMBED>歡迎光臨的代碼：<FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=yellow); WIDTH: 100%; COLOR: navy; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲">歡迎光臨</FONT>顯示效果：歡迎光臨<DIV style="FILTER: shadow(color=#c299ff, strength=60); WIDTH: 1000px"><P align=center><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 150pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#f709c7>節日快樂</FONT></P></DIV>從上往下動<DIV align=center><FONT style="FONT-SIZE: 60pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 楷體_GB2312"><DIV align=center><B>緣來是你部落</B></DIV></FONT></DIV>14<DIV align=center><MARQUEE style="WIDTH: 363px; HEIGHT: 55px" width_=363 height=55><FONT face=楷體_GB2312 color=#daa520 size=7><STRONG>成熟的人不問過去</STRONG></FONT></MARQUEE></DIV>15<DIV align=center><MARQUEE style="WIDTH: 614px; HEIGHT: 117px" scrollAmount=2 direction=down height=117><FONT face=華文彩雲〉<B><FONT color=#ffa500 size=7>祝你：天天快樂,時時開心</FONT></B></FONT></CENTER></MARQUEE></DIV><Palign=center><FONTface=楷體_GB2312color=#7fff00size=6><STRONG><EM>祝大家開心快樂、幸福永遠！</EM></STRONG></FONT></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV><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: 60pt" face=華文彩雲 color=#336699><B>歡迎光臨HTML學堂—M雨</b></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><TABLE id=table31 cellSpacing=0 cellPadding=0 width_=581 align=center background=http://www.zxtx.org/user/yiyi/yiyisc/022/003.gif border=0><TBODY><TR><TD style="FILTER: chroma(color=#336699"><TABLE id=table32 width_=591 align=center bgColor=#fcf3f4><TBODY><TR><TD align=middle><FONT face=隸書 color=#336699 size=7>你是好孩子</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><MARQUEE><FONT face=隸書 color=#b34db3 size=5>歡迎加入天涯秀場</FONT></MARQUEE><BR> <MARQUEE direction=right><FONT face=隸書 color=#b34db3 size=5>歡迎加入天涯秀場</FONT></MARQUEE><CENTER> <MARQUEE scrollAmount=2 direction=down height=60> <CENTER><FONT face=宋體 color=blue size=5><STRONG>天涯秀場歡迎您</FONT></CENTER></STRONG></MARQUEE> <CENTER> <MARQUEE scrollAmount=2 direction=up height=60> <CENTER><FONT face=宋體 color=blue size=5><STRONG>天涯秀場歡迎您</FONT></CENTER></STRONG></MARQUEE></CENTER><CENTER><MARQUEE direction=up behavior=alternate width_=130 height=300><IMG src=http://www.dabaoku.com/gif/dongwu/001/018ar.GIF></MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width_=130 height=250><IMG src=http://www.dabaoku.com/gif/dongwu/001/018ar.GIF></MARQUEE><FONT color=fuchsia> <MARQUEE direction=up behavior=alternate width_=130 height=300><IMG src=http://www.dabaoku.com/gif/dongwu/001/018ar.GIF></MARQUEE><FONT color=olive> <MARQUEE direction=up behavior=alternate width_=130 height=250><IMG src=http://www.dabaoku.com/gif/dongwu/001/018ar.GIF></MARQUEE> <CENTER><FONT face=隸書 color=red size=15> <MARQUEE direction=up behavior=alternate width_=60 height=120>天</MARQUEE><FONT color=yellow> <MARQUEE direction=up behavior=alternate width_=60 height=80>涯</MARQUEE><FONT color=brown> <MARQUEE direction=up behavior=alternate width_=60 height=120>秀</MARQUEE><FONT color=green> <MARQUEE direction=up behavior=alternate width_=60 height=80>場</MARQUEE><FONT color=orange> <MARQUEE direction=up behavior=alternate width_=60 height=120>版</MARQUEE></FONT></MARQUEE></FONT></CENTER></FONT></FONT></FONT><FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#ffd700, strength=50); WIDTH: 500px">假如愛有天意</FONT></FONT>假如愛有天意<FONT style="FONT-SIZE: 72pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒體"><B>走進新時代！</B></FONT>走進新時代！祝您生日快樂！代碼：<DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 68pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=#e31c1b>祝您生日快樂！</FONT></DIV>祝您生日快樂！我愛美麗的大自然 代碼：<FONT color=#c4b77d><FONT style="FILTER: shadow(color=#FF0000); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 130%; FONT-FAMILY: 華文行楷; font-size:45pt">我愛美麗的大自然</FONT><DIV align=center>歡迎來到這裡代碼：<FONT style="FONT-SIZE: 50pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 華文行楷" size=6>歡迎來到這裡！</FONT>歡迎來到這裡！做的太好了，謝謝！代碼：<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B>做的太好了，謝謝！</B></FONT>做的太好了，謝謝！（十七）特效文字的代碼<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 華文行楷" size=6>特效文字的代碼</FONT>顯示效果：特效文字的代碼（十八）幸福快樂的代碼<DIV style="FONT-SIZE: 60pt; FILTER: shadow(color=green, strength=100); WIDTH: 480px"><FONT face=華文彩雲 color=#fff000><CENTER>幸<BR>福<BR>快<BR>樂<BR><BR></CENTER></FONT></DIV>顯示效果：幸福快樂<MARQUEE scrollAmount=3 scrollDelay=150 direction=up width_=400 height=400><CENTER><FONT face=黑體 color=#fff00 size=7><DIV class=quote>淡淡的友情最誠，淡淡的問候最醇，淡淡的依戀最清，淡淡的孤獨最美，淡淡的思念最深，淡淡的祝福最真！ <BR></DIV><BR></FONT></CENTER></MARQUEE>淡淡的思,淡淡的品代碼如下；<P align=center> </P><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><P align=center><B>淡淡的思,淡淡的品</B></P></FONT>1、文字發光<table style="FILTER: glow(color=#6CABE7,direction=2)"><font color=#ffffff size=2>文字內容</font></table>2、文字陰影<table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2, positive=2);"><font color=#6CABE7 size=2>文字內容</font></table>3、文字浮雕<table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1);"><font color=#ffffff>文字內容</font></table>、彩色字體色彩絢麗彩 色字體色彩 絢麗</font><br><P align=center><STRONG><FONT size=6><FONT face=華文新魏><FONT color=#ff0000>彩</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>體</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff> 絢</FONT><FONT color=#ff00ff>麗</FONT></FONT></FONT></STRONG></P>2、陰影字體</font><br><P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=333366); WIDTH: 631px; COLOR: #3333ff; LINE-HEIGHT: 150%; FONT-FAMILY: 華文新宋; HEIGHT: 51px"></P><P align=center>陰影字體</P></FONT>3、圍邊字體</font><br><P align=center> </P><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><P align=center><B>圍邊字體 體字邊圍</B></P></FONT>4、投影字體</font><br><P align=center> </P><P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; POSITION: relative" color=#000099>投影字體 投影字體</FONT></CAPTION> <BR></CAPTION></P>5、拋射字體<DIV align=center><DIV style="FILTER: shadow(color=#FF9999, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=華文彩雲 color=#ff0000 size=7><B><CENTER>拋射字體</B></CENTER></FONT><DIV align=left><BR><BR></DIV></DIV></DIV><P align=left> </P>6、帶背景的閃光字體（背景圖片可以換）<P align=center><BR><TABLE cellSpacing=0 cellPadding=0 align=center background=http://616bbs.vicp.net/picture/yn/hexiang/st4.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE align=center background=http://lanxinzhu.nease.net/wangye/beijin/x1.jpg><TBODY><TR><TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=楷體_gb2312 color=#336699><B>帶背景的閃光字體（背景圖片可以換）</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>7、向上移動的文字</font><br><P align=center><TABLE class=tablebody2 style="; WORD-BREAK: break-all" width_="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" ><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=up><P align=center><FONT face=隸書 color=#ff0000 size=7><B>向上移動的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>8、向下移動的文字<P align=center><TABLE class=tablebody2 style="; WORD-BREAK: break-all" width_="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" ><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down><P align=center><FONT face=隸書 color=#ff0000 size=7><B>向下移動的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>9、向左移動的文字<P align=center><TABLE class=tablebody2 style="; WORD-BREAK: break-all" width_="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" ><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8><P align=center><FONT face=隸書 color=#ff0000 size=5><B>向左移動的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>10、向右移動的文字<P align=center><BR></P><P align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right><P align=center><FONT face=隸書 color=#ff0000 size=7><B>向右移動的文字</B></FONT></P></MARQUEE></P>11、由中間向兩邊移動的文字和圖像<P align=center> </P><P align=center><FONT face=華文彩雲 color=#ee110e size=5><MARQUEE width_=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="
http://lanxinzhu.nease.net/wangye/taozhuang/c1.gif" onload="javascript:if(this.width>screen.width-320)this.style.width_=screen.width-320;">由中間向兩邊移動的文字和圖像 </FONT></MARQUEE><FONT face=華文彩雲 color=#ee110e size=5><FONT face=華文彩雲 color=#ee1111 size=5><MARQUEE direction=right width_=200 height=50>由中間向兩邊移動的文字和圖像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" onclick=javascript:window.open(this.src); src="
http://lanxinzhu.nease.net/wangye/taozhuang/c1.gif" onload="javascript:if(this.width>screen.width-320)this.style.width_=screen.width-320;"></FONT></MARQUEE></FONT></FONT></P></FONT>12、來回走動的文字</font><br><P align=center> </P><P align=center><TABLE class=tablebody2 style="; WORD-BREAK: break-all" width_="90%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" ><BR><DIV align=center><MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?><P align=center><FONT face=隸書 color=#ff0000 size=6><B>來回走動的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>代碼複製處（1）在圖片上飄動的文字效果圖：<TABLE borderColor=#00ff99 height=500 width_=500 align=center border=3><TBODY><TR><TD background=背景圖片地址><MARQUEE scrollAmount=3 direction=down behavior=alternate height=500><MARQUEE scrollAmount=3 behavior=alternate width_=500><P align=center><FONT color=red size=6><B>要寫在圖片上的文字</B></FONT></B></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>代碼複製處<TABLE borderColor=#ff00ff height=425 width_=600 align=center border=3><TBODY><TR><TD background=背景圖片地址><MARQUEE scrollAmount=3 direction=down behavior=alternate height=425><MARQUEE scrollAmount=3 behavior=alternate width_=500><P align=center><FONT color=red size=6><B><P><IMG height=圖片高度 alt="" src="要在背景圖漂浮的圖片地址" width_=圖片寬度></P></B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>【代碼說明】：1、width：為飄浮文字（圖）框架的寬度。2、height：為飄浮文字（圖）框架的高度。3、color=red：表示文字顏色（顏色可改）。4、size=字體的大小。5、 scrollAmount=3 ：移動的速度。一，文字基本設制 基本代碼如下：<P align=center><FONT color=#0066ff face=隸書 size=5>插入文字</FONT></P>align=center 表示字體居中，可選值為居右（right）居左（left） color=顏色代碼 具體顏色代碼可參照：顏色選取＜＜點擊查看 face=字體 常用字體為：宋體.黑體.楷體.仿宋.幻緣.新宋體.細明體等 size=字體大小，這裡的最大值為7 取值越大文字就越大二，大字體文字 效果：數到三就不哭代碼：<font style=font:40pt face=新宋體 color=#ff0000>插入文字</font> font:40pt 數值越大文字就越大三、幾種文字特效1、運動模糊效果中秋節快樂代碼：<font style="filter:blur(add=1,direction=210,strength=100);WIDTH:100%;COLOR:#0000FF;LINE-HEIGHT:150%;FONT-FAMILY:華文彩雲; font-weight:700"size="12">中秋節快樂</FONT><p>代碼：</p>Blur濾鏡表現的是一種模糊效果。Direction屬性是模糊移動的角度，其值為0至360度；Strength屬性是模糊移動的距離，對於文字add要取1，其它參數看看就知道了。2、陰影效果讓我怎樣的感謝你！代碼：<FONTstyle="FONT-SIZE:35pt;filter:shadow(color=black,direction=180);WIDTH:100%;COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>讓我怎樣的感謝你！</B></FONT>shadow(color=black) 陰影顏色，COLOR:red 字體顏色 direction 是陰影角度(0-360)我是怎樣地愛你出手不凡、動感十足！曾經的相遇3、重疊效果謝謝大家!代碼：<FONTstyle="FONT-SIZE:35pt;filter:dropshadow(color=black,offX=5,offY=5,Positive=1);WIDTH:100%;COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:隸書; font-weight:700">謝謝大家!</FONT>color屬性：設置影子文本的顏色；offX和offY屬性：影子文本下落的位移值效果一數到三就不哭原代碼：<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 華文彩雲; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>數到三就不哭</B></FONT></CENTER>效果二：數到三就不哭原代碼：<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 華文彩雲; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>數到三就不哭</B></FONT></CENTER>效果三：數到三就不哭原代碼：<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">數到三就不哭</FONT></CENTER>效果四：數到三就不哭原代碼：<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width_=460 <IMG src="https://www.getit01.com/getimg_360.php?url=http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><FONT color=red face=楷體_gb2312 size=7>數到三就不哭</FONT></MARQUEE></MARQUE></MARQUEE>效果五：歡迎你朋友友朋你迎歡原代碼：<FONT color=#0096ff face=隸書 size=7><MARQUEE height=50 width_=240>歡迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隸書 size=7><MARQUEE direction=right height=50 width_=240>友朋你迎歡</MARQUEE></FONT></FONT>註明：在用這種效果時，文字移動範圍的寬width的取值很重要，兩段文字移動范轉的width取值和一定要小於背景層width的取值。效果六：數到三就不哭原代碼：<P align=center><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=漢鼎繁隨意 size=6>數到三就不哭</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 漢鼎繁中變" size=6></FONT><FONT color=#ff00ff> </FONT></P>
推薦閱讀：
※滾動圖片代碼-無縫連續循環滾動
※《春夏秋冬》四款邊框、並含：代碼
※在圖片上直接寫字的代碼編輯技巧【學習交流】
※邊框精簡模板代碼
※幾款製圖代碼
TAG:代碼 |
