標籤：

圖片+文字飄動+flah+滾動條+播放器+特效代碼

06-09
圖片+文字飄動+flah+滾動條+播放器+特效代碼1 圖片上加FLASH.<table border="0" cellPadding="0" cellSpacing="0" width_=600 height=382 align=centerbackground=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_1.jpeg><TD width_=600height=382><EMBEDpluginspage=http://www.macromedia.com/go/getflashplayersrc=FLASH地址 height="100%"type=application/x-shockwave-flash wmode="transparent"quality="high"></EMBED></TD></td></table>__________________________<TABLE height=453 cellSpacing=0 cellPadding=0 width_=760 align=centerbackground=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_1.jpeg border=0><TBODY><TR><TD width_=600 height=382><EMBED PLUGINSPAGE=HTTP: quality="high" wmode="transparent" type="application/x-shockwave-flash" height="100%"src="https://www.getit01.com/getimg_360.php?url=http://youngcolor.com.ne.kr/swf1/36.swf" getflashplayer go< loop=" -1?> 0? 2em? TEXT-INDENT: 2007114103459.wma? 2007-1 upfile images bbs www.pjjcy.gov.cn http: %20allowScriptAccess=" never?> %20allowScriptAccess=" allowNetworking="internal">autostart="true" volume="0" ></TD></TD></TR></TBODY></TABLE>______________2 漂亮的圖片寫字框代碼寫字框代碼：效果：點擊旁邊的箭頭,就可以瀏覽文章.發表文章時,在顯示源代碼前面打勾然後粘貼此邊框代碼再把勾去掉在邊框內添加上自己的文字即可^_^代碼：<div align="center"><center><table border="0" cellspacing="1" width_="511" height="1"background="http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_1.jpeg"><tr><td width_="494" height="60" colspan="3"></td></tr><tr><td width_="50" height="1" rowspan="2">　</td><td width_="349" height="1"><DIV style="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: scroll; width: 319; scrollbar-shadow-color: #ffffff;color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color:#ffffff; height: 262; background-color: #ffffff; border: 2px solid white" align=left><P align=left><b></b></P><Palign=left>點擊旁邊的箭頭,</P><P align=left>就可以瀏覽文章.</P><P align=left>發表文章時,</P><P align=left>在顯示源代碼前面打勾</P><P align=left>然後粘貼此邊框代碼</P><P align=left>再把勾去掉</P><P align=left>在邊框內添加上自己的文字即可^_^</P><P align=left></P></DIV><FONT color=#6699ff><DIV align=left><FONT color=#6699ff></FONT> </DIV></font></td><td width_="72" height="1"rowspan="2">　</td></tr><tr><td width_="349" height="1">　</td></tr></table></center></div>——————————————3 用圖片做背景+字+FLASH+音樂網葉技術 2007-5-18 1:59<TD style="WORD-WRAP: break-word"><DIV align=center></DIV><DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 580px; ; TOP: 0px; HEIGHT: 800px"><DIV style="LEFT: 0px; ; TOP: 0px"><TABLE background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_2.jpg border=0 CE0A00="0"><TBODY><TR><TD><EMBED src=http://imgfree.21cn.com/free/flash/6.swf width_=490 height=755 type=application/x-shockwave-flashWMODE="transparent" MENU="false" QUALITY="high"></EMBED></TD></TR></TBODY></TABLE><P></P></DIV><DIV style="LEFT: 0px; ; TOP: 0px"><TABLE cellSpacing=0 cellPadding=0 width_=500 align=center border=0><TBODY><TR><TD style="FILTER: chroma(color=#ffff66)"><DIV style="FILTER: glow(color=#66ffff strength=5); WIDTH: 90%; COLOR: white"><FONT style="FONT-SIZE: 24pt; FONT-FAMILY: 華文新魏" color=#ffff66><B>我心為誰動我心為誰痛我心為誰把真愛奉送我心為誰動我心為誰痛我心為誰把傷心淚拋在風中雨中讓情和情相擁讓心和心相通讓剎那交織的眼神留住美麗的彩虹讓真愛能永恆讓美夢化成真讓生命刻劃的表情綻放燦爛的笑容笑容我心為誰動我心為誰痛我心為誰把真愛奉送我心為誰動我心為誰痛我心為誰把傷心淚拋在風中雨中讓血和血相容讓心和心相通讓巨龍滾滾涌動著沉默的暴風讓壯志在我胸讓浩氣架長空讓一輪紅日隨我動試問天下誰與我 爭雄 </B></FONT></DIV>[wma]http://www.sh-web.cn/mp3/heart.wma[/wma]</TD></TR></TBODY></TABLE></DIV></DIV></TD></TR></TBODY></TABLE></DIV><DIV align=center></DIV><DIV></DIV>——————————————————————4 圖片做背景分別 字 FLASH 音樂的方法圖片做背景+字<table width_="450" border="0"><tr><td height="562" background="http://mx.mmogh.com/attachments/20070513_9797a2d33a13511b791481xvLaUqgF5V.jpg"></td></tr></table>圖片做背景+FLASH1 、加框有一層FLASH的圖片<TABLE height=300 cellSpacing=0 cellPadding=0 width_=400background=http://olcf.16789.net/domName/olcf/200642812224314758.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=http://imgfree.21cn.com/free/flash/4.swf width_=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"></P></TD></TR></TBODY></TABLE>2、加框用兩層FLASH的圖片<P align=center><TABLE height=300 cellSpacing=0 cellPadding=0 width_=400background=http://olcf.16789.net/domName/olcf/200642812224314758.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED align=right src=http://imgfree.21cn.com/free/flash/4.swf width_=400 height=280type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED align=right src=http://imgfree.21cn.com/free/flash/33.swf width_=380 height=285type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR></P></TD></TR></TBODY></TABLE>圖片做背景+音樂1.顯示播放器<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=200 cellSpacing=0cellPadding=0 width_=400 align=left background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_3.gifborder=0><TBODY><TR><TD width_=200 height=200 cellPadding="0" cellSpacing="0"></TD></TR><TR><TD align=cente><P align=center><EMBED style="BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FILTER: alpha(opacity=40 Style=1 FinishOpacity=40) gray progid:<br>DXImageTransform.Microsoft.Blur(PixelRadius=0 MakeShadow=false); BORDER-LEFT: #cccccc 3px solid; BORDER-BOTTOM:#cccccc 0px solid" src=http://www.zjgdlxx.com/kc/khj.wma width_=200 height=24 type=application/x-mplayer2 loop="-1"autostart="1" volume="0"></P></FONT></TD></TR></TBODY></TABLE>2.不顯示播放器<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=249 cellSpacing=0cellPadding=0 width_=314 align=center background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_4.gifborder=0><TBODY><TR><TD width_=314 height=180 cellspacing="0" cellpadding="0"></TD></TR><TR><TD align=left><P align=center><EMBED style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: "src=http://www.zjgdlxx.com/kc/khj.wma width_=310 height=28 type=video/x-ms-asf volume="0" autostart="1" loop="-1"></P></TD></TR></TBODY></TABLE>播放器寬度width_=200 高度height=50 根據需要設置,寬度和高度設為0播放器為隱藏狀態.loop="true"為循環播放,loop="false"為不循環播放.autostart="true"為自動播?autostart="false"為不自動播放.loop="2"播放次數支持的音樂格式: wma　mp3　rm　ra　ram　asf　mid.播放器樣式打開一個空白控制面板粘貼下面代碼,到網上搜索你要的歌曲,把地址複製過來保存代碼：<embed src=音樂鏈接地址 width_=200 height=50 type=audio/mpeg loop="true" autostart="true">width和height為播放器寬度和高度,可以靈活設置。autostart="true"為自動播放,autostart="false"為不自動播放.loop="true"為連續循環播放,loop="false"為不循環播放.loop可以等於一個整數,比如loop="3",就是音樂循環播放3次1*播放器樣式代碼：<DIV><EMBED style="FILTER: xray()" src=音樂鏈接區 width_=180 height=50 type=audio/mpeg autostart="true"loop="true"></DIV>2*播放器樣式代碼：<embed src=音樂鏈接區 width_=200 height=50 type=audio/mpeg loop="true" autostart="true">如果對這些個傳統的播放器不滿意的話還可以去網站專門申請一個個性播放器，還有 MTV 播放器。申請網站為：http://www.onlybeloved.com/player/index.asp 在第三個登錄框中註冊成功後點擊添加音樂，把自己從網上搜索的歌曲添加上去，最多可以添加60首歌曲，然後選擇自己喜歡的播放器樣式，在點擊獲取代碼，然後再按照上面的具體操作添加即可。這也是個申請播放器的網址http://www.07j.com/player/index.asp 祝大家好運!——————————————————————圖片加圖片加音樂加文字加FLASH代碼一有FLASH有圖片有音樂有文字的圖片的代碼<CENTER><MARQUEE scrollAmount=2 direction=up height=60><CENTER><FONT face=華文彩雲 color=#da70d6 size=6><B>海星歡迎您</B></FONT></CENTER></B></MARQUEE></CENTER></CENTER></DIV><P></P></CENTER><TABLE height=220 width_=180 align=centerbackground=http://life.eastmoney.com/life/STARIMAGE/100004000005/2005063000003634.jpgborder=1><TBODY><TR><TD> <DIV align=right twffan="done"><MARQUEE scrollAmount=6 scrollDelay=100 direction=down behavior=slide width_=400 height=300><MARQUEE scrollAmount=2 scrollDelay=100 direction=up width_=240 height=320><FONT style="FONT-SIZE: 15pt; WIDTH: 50%;COLOR:red; LINE-HEIGHT:180%" face=楷體_GB2312><B><P> <BR>從第一次聽這首歌<BR>到現在也不知道它的意思<BR>只是感覺它演繹了一段<BR>像我的愛情一樣的<BR>傷感的沒有結局的悲劇<BR>既然無法奉上歌詞給大家了<BR>就把自己的心事傾訴了吧<BR>--------<BR><BR>世界這麼大<BR>無論我走在哪裡<BR>因為太想念一個人<BR>才覺得寂寞和無助<BR>不是不能放下這段感情<BR>因為我曾傷害過你<BR>因為我曾那麼的<BR>深深的愛過你<BR>然而我也知道<BR>你是感覺不到我的心痛的<BR>因為你已不在是你<BR>我也不在是我<BR>愛、讓我放棄了太多<BR>愛、讓我失去了太多<BR>留下的卻只是無盡悲傷的回憶<BR>想去觸摸卻不敢觸摸的回憶<BR>每個失眠的夜裡<BR>都是讓我獨自舔傷疤的時候<BR><BR>為什麼總在失去了才懂得珍惜<BR>為什麼總是無法挽留了才知道後悔<BR><BR><BR><BR><BR><BR><BR><BR></P></B></FONT></MARQUEE></MARQUEE><EMBEDpluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/6.swf width_=180height=180 type=application/x-shockwave-flash wmode="transparent" quality="high"></DIV></TD></TR></TBODY></TABLE><EMBEDstyle="LEFT: 1px; WIDTH: 0px; TOP: 0px; HEIGHT: 6px" src=http://www.sh-web.cn/mp3/heart.wmawidth_=1 height=1 type=audio/x-ms-wma loop="TRUE" autostart="TRUE"></embed>代碼二沒有FLASH小圖片不可移動有音樂文字的圖片的代碼<TABLE style="WIDTH: 660px; HEIGHT: 170px" borderColo*=#00**9a height=164 width_=350align=centerbackground=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_5.jpg border=3><TBODY><TR><TD><IMG height=150 src="https://www.getit01.com/getimg_360.php?url=http://blog.163.com/photo/qOI-iuDuHlKmvvEEPNhqGA==/3455386814100096141.jpg" width_=200border=0></A></MARQUEE><FONT face=楷體_GB2312><FONT size=4><FONT color=#ffff00></FONT></FONT></FONT><MARQUEE style="WIDTH: 220px; HEIGHT: 170px" scrollAmount=2 direction=up height=170><FONT color=#ff00ff><DIV align=center><FONT face=楷體_GB2312 color=#ff00ff size=4><BR>從第一次聽這首歌<BR>到現在也不知道它的意思<BR>只是感覺它演繹了一段<BR>像我的愛情一樣的<BR>傷感的沒有結局的悲劇<BR>既然無法奉上歌詞給大家了<BR>就把自己的心事傾訴了吧<BR>--------<BR><BR>世界這麼大<BR>無論我走在哪裡<BR>因為太想念一個人<BR>才覺得寂寞和無助<BR>不是不能放下這段感情<BR>因為我曾傷害過你<BR>因為我曾那麼的<BR>深深的愛過你<BR>然而我也知道<BR>你是感覺不到我的心痛的<BR>因為你已不在是你<BR>我也不在是我<BR>愛、讓我放棄了太多<BR>愛、讓我失去了太多<BR>留下的卻只是無盡悲傷的回憶<BR>想去觸摸卻不敢觸摸的回憶<BR>每個失眠的夜裡<BR>都是讓我獨自舔傷疤的時候<BR><BR>為什麼總在失去了才懂得珍惜<BR>為什麼總是無法挽留了才知道後悔</FONT></DIV><EMBED style="FILTER: Gray"src=http://www.yaogame.com/uploadfile/syz.mp3 width_=0 height=0 type=audio/mpeg loop="-1"autostart="1"></FONT></MARQUEE></DIV></TD></TR></TABLE>代碼三沒有FLASH小圖片可移動帶音樂沒有文字的圖片的代碼<TABLE style="WIDTH: 660px; HEIGHT: 320px" borderColo*=#00**9a height=164 width_=350align=centerbackground=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_5.jpg border=3><TBODY><TR><TD><MARQUEE scrollAmount=2 scrollDelay=30 direction=right height=150><Ahref="http://blog.163.com/haixing945/album/" target=cont><IMG height=150 src="https://www.getit01.com/getimg_360.php?url=http://blog.163.com/photo/qOI-iuDuHlKmvvEEPNhqGA==/3455386814100096141.jpg" width_=200 border=0></A></MARQUEE><EMBED style="FILTER: Gray" src=http://www.yaogame.com/uploadfile/syz.mp3 width_=0height=0 type=audio/mpeg loop="-1" autostart="1"></TD></TR></TABLE>——————————————————————FLASH為背景發表文章的方法 透明FLASH上加字上+字透明FLASH上加字上+字<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 530px; ; TOP: 0px; HEIGHT: 390px"> <DIVstyle="LEFT: -50px; ; TOP: -50px"><EMBED src=http://bg.e-yu.cn/fh/fl2/nettaigyo.swf width_=630height=480 type=application/octet-stream quality="high" wmode="transparent"> </EMBED></DIV> <DIV style="LEFT: 80px;; TOP: 120px"> <TABLE cellSpacing=0 cellPadding=0 width_=510 align=center border=0> <TBODY> <TR><TD style="FILTER: chroma(color=#ffff66)"> <DIV style="FILTER: glow(color=#00ff00 strength=19); WIDTH: 100%; COLOR:white"><FONT style="FONT-SIZE: 66pt; FONT-FAMILY: 華文新魏" color=#ffff66><B>浪漫人生</B></FONT></DIV></TD></TR></TBODY></TABLE></DIV> <DIV style="LEFT: 0px; ; TOP: 0px"> <TABLEstyle="FILTER: Alpha(Opacity=43,Style=0)" height=390 cellSpacing=0 width_=530 border=23> <TBODY> <TR> <TDalign=middle ></TD></TR></TBODY></TABLE></DIV></DIV><BR><BR><BR><BR> <DIV></DIV><BR></DIV> <P></P>將FLASH做背景的關鍵是:1.FLASH一定要用透明代碼,不然其他層放不上去.2.FLASH一般都露出背景色,可將FLASH尺寸設定比表格大,然後將top: 和 left:設定負數來割去多餘的背景色,以不露底為原則,割多了也影響美觀.FLASH為背景發表文章的方法<CENTER><EMBED style="LEFT: 10px; ; TOP: -70px" align=rightsrc=http://imgfree.21cn.com/free/flash/100.swf width_=700 height=400 type=application/x-shockwave-flashquality="high" wmode="transparent"></CENTER>你的文章<CENTER><EMBED style="RIGHT: 10px; ; TOP: -70px" align=rightsrc=http://imgfree.21cn.com/free/flash/69.swf width_=500 height=500 type=application/x-shockwave-flashwmode="transparent" quality="high" ;></CENTER>補充說明：代碼中RIGHT: 10px，TOP: -70px為透明flash的位置。10px表示10像素。只要改變數值，就能改變flash的位置了。width_=1095 height=1198 表示flash的大小。這個方法FLASH在整個網葉顯示URL:http://www.9941.cn/moban/huacao/3.swf (1-16)花http://imgfree.21cn.com/free/flash/2.swf淺綠色背景亮色豎條http://imgfree.21cn.com/free/flash/4.swf米字星光http://imgfree.21cn.com/free/flash/5.swf灰色背景米字星光http://imgfree.21cn.com/free/flash/6.swf灰藍背景飄落雨滴http://imgfree.21cn.com/free/flash/7.swf黃色背景飛星閃閃http://imgfree.21cn.com/free/flash/8.swf青蛙http://imgfree.21cn.com/free/flash/9.swf藍色蝴蝶http://imgfree.21cn.com/free/flash/17.swf金魚http://imgfree.21cn.com/free/flash/22.swf光圈由小變大http://imgfree.21cn.com/free/flash/23.swf藍色背景雪花飄飄http://imgfree.21cn.com/free/flash/25.swf三隻黑螞蟻http://imgfree.21cn.com/free/flash/26.swf左右晃動的黃、綠、藍豎線http://imgfree.21cn.com/free/flash/27.swf無色背景水珠http://imgfree.21cn.com/free/flash/29.swf圓圈內海浪波動http://imgfree.21cn.com/free/flash/33.swf粉黃色5瓣花飄飄http://imgfree.21cn.com/free/flash/35.swf小星、大星光暈夢幻http://imgfree.21cn.com/free/flash/35.swf紫色唇印升騰http://imgfree.21cn.com/free/flash/38.swf樹葉http://imgfree.21cn.com/free/flash/39.swf流星http://imgfree.21cn.com/free/flash/52.swf黑色背景飄落的紅葉http://imgfree.21cn.com/free/flash/53.swf雪糕降落http://imgfree.21cn.com/free/flash/54.swf綠色的心和I love you垂直降落http://imgfree.21cn.com/free/flash/55.swf兩隻跳躍的青蛙http://imgfree.21cn.com/free/flash/56.swf六邊形、降落的豎條http://imgfree.21cn.com/free/flash/57.swf燕魚和水泡http://imgfree.21cn.com/free/flash/61.swf飛騰的紅心http://imgfree.21cn.com/free/flash/64.swf淺藍色的雪花在空中，小雪花降落http://imgfree.21cn.com/free/flash/65.swf飄落的空心小蘭圈http://imgfree.21cn.com/free/flash/69.swf鷹http://imgfree.21cn.com/free/flash/72.swf一隻和平鴿展翅飛舞http://imgfree.21cn.com/free/flash/74.swf白色背景淺藍色的氣泡慢慢升空http://imgfree.21cn.com/free/flash/78.swf跟隨滑鼠旋轉的數字時鐘http://imgfree.21cn.com/free/flash/79.swf滑鼠滑過方塊圖形變換http://imgfree.21cn.com/free/flash/80.swf跟隨滑鼠的「歡迎下載」及七彩星http://imgfree.21cn.com/free/flash/82.swf雪花旋舞http://imgfree.21cn.com/free/flash/83.swf藍色背景藍色氣泡升騰http://imgfree.21cn.com/free/flash/84.swf閃動的白色圓圈http://imgfree.21cn.com/free/flash/86.swf綠色的指針旋轉http://imgfree.21cn.com/free/flash/87.swf跟隨滑鼠移動的黃色小球http://imgfree.21cn.com/free/flash/94.swf扇形旋轉七彩光圈http://imgfree.21cn.com/free/flash/97.swf旋轉的花瓣、蝴蝶隨滑鼠飛舞http://imgfree.21cn.com/free/flash/99.swf白色旋轉的花瓣變形http://imgfree.21cn.com/free/flash/103.swf從空中滴落的一個大雨滴http://imgfree.21cn.com/free/flash/111.swf左、右飛入的透明箭頭http://imgfree.21cn.com/free/flash/112.swf右下方向左上方的箭頭http://imgfree.21cn.com/free/flash/113.swf粉紅色的花瓣飄落http://imgfree.21cn.com/free/flash/114.swf粉紅色的大箭頭http://imgfree.21cn.com/free/flash/115.swf跟隨滑鼠遊動的淺藍色的魚http://imgfree.21cn.com/free/flash/121.swf飄落的白蝴蝶？http://imgfree.21cn.com/free/flash/123.swf透明的氣泡升騰http://imgfree.21cn.com/free/flash/128.swf黑色的人影http://imgfree.21cn.com/free/flash/129.swf下雨了http://imgfree.21cn.com/free/flash/130.swf滑鼠滑過，雪花飄飄http://imgfree.21cn.com/free/flash/131.swf綠色的楓葉飄落http://imgfree.21cn.com/free/flash/132.swf滑鼠滑過、圓球線條變形http://imgfree.21cn.com/free/flash/133.swf按折線飛入的一個小蝌蚪流星http://www.nice.or.jp/~mosmos/free/f703.swf在救生圈上的女孩http://www.nice.or.jp/~mosmos/free/f903.swf 城堡http://www.nice.or.jp/~mosmos/nice_topic/hinamaturi.swf兩個蛋殼娃娃隨滑鼠變換表情http://www.nice.or.jp/~mosmos/nice_topic/hakucho.swf一隻白天鵝隨滑鼠抬頭低頭http://www.nice.or.jp/~mosmos/free/f110.swf蝴蝶女孩http://www.nice.or.jp/~mosmos/free/f111.swf捉樹葉的女孩http://www.nice.or.jp/~mosmos/free/f105.swf隨風擺動的野草http://www.nice.or.jp/~mosmos/free/f102.swf圓桌上的一杯茶水熱氣騰騰http://www.nice.or.jp/~mosmos/free/f101.swf城堡星空http://www.nice.or.jp/~mosmos/free/f601.swf騎自行車的女孩http://zqbbs.netsh.com/usr/12/12_191_15.swf荷葉、荷花、金魚*http://zqbbs.netsh.com/usr/12/12_191_17.swf古詩，魚隨滑鼠游http://hiro003.cool.ne.jp/iptrace_cgi/set/xmas7/fx_rtree1.swf聖誕快樂（MerryChristmas）http://hlm.nease.net/swf/red/liu.swf柳條飄舞http://www.forshine.net/flash/71.swf白色背景小綠葉http://wanruo.jahee.com/jpsc/flash2/057.swf黑色背景白色飄帶http://imgfree.21cn.com/free/flash/16.swf 黃色背景飛舞的白色小星星http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf黃色背景飄舞的紅葉http://favorites2003.vicp.net/picture/cl/2.swf玫瑰花http://rycs2004.51.net/images/yeluo.swf無色背景飄落的紅葉http://hlm.nease.net/swf/red/cloud.swf淡淡的紫色雲飄過http://oyja.51.net/flash/mhh.swf漂亮的玫瑰花從上飄落http://www.nanzhou.net/nanzhou/img520/f/sh.swf 從上飄落的鮮花和紅心————————————————————————————————文字上下滾動字幕代碼如下：<TABLE height=300 cellPadding=10 width_=500 align=center background="/http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_6.gifborder=3 table="0"><TBODY><TR><TD><DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#ffffff></FONT></FONT></FONT><MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff><DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312 color=#ffff00 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#ffff00 size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#ffffff>如何在圖片中加入文字？</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>====================================文字上下滾動代碼：<MARQUEE style="WIDTH: 380px; HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONTcolor=#ff00ff>註：scrollAmount=2 是控制字速，數值越大字速就越快！======================================左右移動字：代碼如下：<TABLE height=300 cellPadding=10 width_=500 align=center background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_6.gifborder=3 table="0"><TBODY><TR><TD>[*fly]<DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#c709f7 size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#1ae66b size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312 color=#ffff00 size=4>如何在圖片中加入文字？</FONT></DIV><DIV align=center><FONT face=楷體_GB2312 color=#ffff00 size=4></FONT><BR></DIV><DIV align=center><FONT face=楷體_GB2312><FONT size=4><FONT color=#ffffff>如何在圖片中加入文字？</EMBED>[*/fly]</FONT></FONT></FONT></DIV></TD></TR></TBODY></TABLE>附註：這是方法一，在UBB操作用「飛」就可達到這效果，在使用時把[*/fly]的*號去掉左右移動字方法（二）：代碼如下：<TABLE height=300 cellPadding=10 width_=500 align=center background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_6.gifborder=3 table="0"><TBODY><TR><TD></EMBED><BR><BR><DIV align=center><MARQUEE style="WIDTH: 302px; HEIGHT: 100px" scrollAmount=2 direction=right height=100><FONT color=#ff00ff><P align=center><FONT face=隸書 color=#0000ff size=5>左右移動的字！</FONT></P><P align=center><FONT face=隸書 color=#ff0000 size=5><B>左右移去的字！</B></FONT></P><P align=center><FONT face=隸書 color=#00ffff size=5>左右移去的字！</FONT></P><P align=center><FONT face=隸書 color=#ff00ff size=5>謝謝！</FONT></P></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>————————————————————————————在圖片上加音樂顯歌詞（附：播放器）<DIV></DIV><P align=center><TABLE style="BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted; WIDTH: 457px; BORDER-BOTTOM: 1px dotted; HEIGHT: 400px" borderColor=#0e0000 height=279 cellSpacing=1 width_=320background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_7 border=0><TBODY><TR><TD><MARQUEE scrollAmount=1 scrollDelay=150 behavior=slide width_=400 height=50><MARQUEE style="WIDTH: 400px; HEIGHT: 41px" scrollAmount=1 scrollDelay=150 behavior=slide width_=400 height=41><FONTstyle="FONT-SIZE: 22pt; FILTER: shadow(color=#392d1d,direction=180); WIDTH: 88.96%; COLOR: #f1d5a5; LINE-HEIGHT:150%; FONT-FAMILY: 隸書; HEIGHT: 44px"><B><P align=right>最浪漫的事（把這首歌曲送給笑天的各位博友） </P></B></FONT></MARQUEE></MARQUEE><BR><BR><BR><BR><BR><MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide width_=450 height=250><MARQUEE scrollAmount=1 scrollDelay=100 direction=up width_=450 height=250><FONT style="FONT-SIZE: 16pt; FILTER:shadow(color=#392d1d); WIDTH: 100%; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷; HEIGHT: 601px"><P align=left>背靠著背坐在地毯上，<BR>聽聽音樂聊聊願望，<BR>你希望我越來越溫柔，<BR>我希望你放我在心上。<BR>你說想送我個浪漫的夢想， <BR>謝謝我帶你找到天堂，<BR>哪怕用一輩子才能完成，<BR>只要我講你就記住不忘，<BR>我能想到最浪漫的事，<BR>就是和你一起慢慢變老，<BR>一路上收藏點點滴滴的歡笑，<BR>留到以後坐著搖椅慢慢聊，<BR>我能想到最浪漫的事，<BR>就是和你一起慢慢變老，<BR>直到我們老的哪兒也去不了，<BR>你還依然把我當成手心裡的寶。<BR></P><P align=left><BR>背靠著背坐在地毯上，<BR>聽聽音樂聊聊願望，<BR>你希望我越來越溫柔，<BR>我希望你放我在心上，<BR>你說想送我個浪漫的夢想，<BR>謝謝我帶你找到天堂，<BR>哪怕用一輩子才能完成，<BR>只要我將你就記住不忘，<BR>我能想到最浪漫的事，<BR>就是和你一起慢慢變老，<BR>一路上收藏點點滴滴的歡笑，<BR>留到以後坐著搖椅慢慢聊，<BR>我能想到最浪漫的事，<BR>就是和你一起慢慢變老，<BR>直到我們老的哪兒也去不了，<BR>你還依然把我當成手心裡的寶，<BR>我能想到最浪漫的事，<BR>就是和你一起慢慢變老，<BR>一路上收藏點點滴滴的歡笑，<BR>留到以後坐著搖椅慢慢聊，<BR>我能想到最浪漫的事，<BR>就是和你一起慢慢變老，<BR>直到我們老的哪兒也去不了， <BR>你還依然把我當成手心裡的寶。<BR></P></FONT></MARQUEE></MARQUEE><P align=right><TABLE border=0><TBODY><TR><TD style="FILTER: alpha(opacity=90,style=3)"><P align=center><EMBED style="FILTER: xray()" src=http://www.zjgdlxx.com/kc/khj.wma width_=50 height=28type=audio/mpeg volume="100" autostart="true"loop="true"></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P><DIV></DIV>音樂要WMA格式圖片高和寬可依據實際需要設置。src 背景音樂的路徑（文件的url地址）。autostart 指是否自動播放，「true」為音樂文件讀取完後立即播放，「false」則為不立即播放，可根據需要設置默認值.loop 指循環次數，設置為「true」為永遠循環，「false」為僅播放一次，若設為任意一位整數，則循環播放所輸入的次數。volume 指設置音量，取值範圍是「0-100」，默認值為系統當前音量。starttime 指設置音樂開始播放的時間，格式是「分：秒」，如：starttime＝"00:10"，就是從第10秒開始播放。endtime 指設置音樂結束播放的時間，具體格式同上。width 指設置音樂播放器的寬度，可調.height 指設置音樂播放器的高度，可調.controls 指設置音樂播放器的外觀，「console」為通常樣式；「smallconsole」為小型樣式。「playbutton」為是否顯示播放按鈕；「pausebutton」為是否顯示暫停按鈕；「stopbutton」為是否顯示停止按鈕；「volumelever」為是否顯示音量調節按鈕，例如：controls="console/smallconsole/playbutton/pausebutton/stopbutton/volumelever"。hidden 指設置音樂播放器的顯示與否（即背景音樂），「false」為顯示，「true」為隱藏.——————————————————————————插入背景音樂和背景圖片設計詳解載入音樂基本語法：<*EMBED SRC="音樂文件地址">常用屬性如下：SRC="FILENAME" 設定音樂文件的路徑AUTOSTART=TRUE/FALSE 是否要音樂文件傳送完就自動播放，TRUE是要，FALSE是不要，默認為FALSELOOP=TRUE/FALSE 設定播放重複次數，LOOP=6表示重複6次，TRUE表示無限次播放，FALSE播放一次即停止。STARTIME="分:秒" 設定樂曲的開始播放時間，如20秒後播放寫為STARTIME=00:20VOLUME=0-100 設定音量的大小。如果沒設定的話，就用系統的音量。WIDTH HEIGHT 設定控制面板的大小HIDDEN=TRUE 隱藏控制面板CONTROLS=CONSOLE/SMALLCONSOLE 設定控制面板的樣子例一：<*EMBED SRC="midi.mid" autostart=true hidden=true loop=true>作為背景音樂來播放，隱藏了播放器。例二：<*EMBED SRC="midi.mid" loop=true width_=145 height=60>出現控制面板了，你可以控制它的開與關，還可以調節音量的大小。註明：mp3 rm ra ram asf mid等音樂都用這個播放器IE中的的背景音樂代碼如下：<bgsound src="音樂文件地址" loop=#>#=循環數註明：這種背景音樂格式，只有在IE瀏覽器中才可以聽到。一般用來插入wav wma mid等格試的音樂。一拌格試如下：播放器3<*embed width_="100" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel"src="歌曲鏈接地址">大播放器不直接放<*center><EMBED src=歌曲鏈接地址 volume="100" width_=250 height=20 hidden="FALSE" autostart="fault"type="audio/x-pn-realaudio-plugin" controls="PlayButton"></EMBED>播放器直接放 中<*embed width_="426" height="20" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel"src="歌曲鏈接地址">模擬播放器rm<*embed src="歌曲鏈接地址" width_="280，80%" height="60，80%" autostart="true"><embed>視頻點擊播放<*object width_=480 height=330 classid="CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6"><paramname=URL value=歌曲鏈接地址><param value=0></object><br />使用的時候把*號去掉說明：一般用來插入mp3 rm ra ram asf mid等音樂文件，如果要隱藏播放器，把width和height的數值改成0或者1就可以了。二：<bgsound src="音樂文件地址" loop=3>說明：一般用來插入wav wma mid等格試的音樂文件。<EMBED src=http://www.lonelytebit.org/music/alone.wma volume="100" width_=0 height=0 hidden="FALSE"autostart="fault" type="audio/x-pn-realaudio-plugin" controls="PlayButton"></EMBED>插入背景圖片原代碼如下：<TABLE align=center background="帖子背景圖" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00><TBODY><TR><TD>帖子內容，文字或圖片.....</TD></TR></TBODY></TABLE><TABLE> 的參數設定（常用）：<table width_="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif"bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">註解：width_="400"表格寬度，接受絕對值（如 80）及相對值（如 80%）。border="1"表格邊框的厚度，不同瀏覽器有不同的內定值，故請指明。cellspacing="2"表格格線的厚度align="CENTER"表格的擺放位置（水平），可選值為： left, right, centervalign="TOP".表格內內容的對齊方式（垂直），可選值為： top, middle, bottom。background="myweb.gif"表格的背景圖片，與 bgcolor 不要同用。bgcolor="#0000FF"表格的底色，與 background 不要同用bordercolor="#CF0000"表格邊框顏色bordercolorlight="#00FF00"表格邊框向光部分的顏色bordercolordark="#00FFFF"表格邊框背光部分的顏色，使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。cols="2"表格欄位數目，只是讓瀏覽器在下載表格時先畫出整個表格而已。符：HTML基本語法教程1，http://www.gzsums.edu.cn/webclass/html/html_design.html2，http://www.shanxiwindow.net/teaching/htmlbook/在線編輯器：http://www.cn898.net/bg/mx/二，帖圖格式帖圖基本格式如下：<IMG src="圖片連接URL地址"><*IMG> 稱圖形標記，主要用來插入圖形標記。<IMG> 的一般參數設定：例如 <img src="logo.gif" width_=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPalsGarden" lowsrc="pre_logo.gif">src="logo.gif"圖片來源，接受 .gif, .jpg 及 .png 格式，前兩者通行已久，後者則由 96 年開始發展， 於未來取代前兩者。若圖片檔與該html 檔同處一目錄則只需寫上檔案名稱，否則 必須加上正確的路徑，相對或絕對均可。width_=100 height=100設定圖片大小，此寬度及高度一般採用 pixels 作單位。通常只設為圖片的真實 大小，以免失真，若需要改圖片大小最好使用圖像編輯工具。（改變大小的寬和高與原圖的寬和高要成正比例，圖片最好是改小不改大，以免失真。）hspace=5 vspace=5設定圖片邊沿空白，以免文字或其它圖片貼近。hspace 是設定圖片左右的空間， 是設定圖片上下的空間，高度採用 pixels 作單位。border=2圖片邊框厚度align="top"調整圖片旁邊文字的位置，你可以控制文字出現在圖片的偏上方、中間、底部、 左右等，可選值：top, middle, bottom,left, right，內定為 botom。Netscape 還支持 texttop, baseline, absmiddle, absbottom，texttop 表示圖片和文字依頂線對齊，baseline 表示圖片對齊到目前文字行底線值，absmiddle 表示圖片對齊到目前文字行絕對中央，absbottom 表示圖片對齊到目前文字行絕對底部，（絕對底部是指它考慮到比如 y 、g、q 等字的下邊）。alt="Logo of PenPal Garden"這是用以描述該圖形的文字，若使用文字瀏覽器，由於不支持圖片，這些文字 將會代替圖片被顯示。若支持圖片的瀏覽器，當滑鼠移至圖片上該文字也會顯示。lowsrc="pre_logo.gif"設定先顯示低解析度的圖片，若加入的是一張很大的圖片，下載要很長的時間，這張低 解析度的圖片會先被顯示以免瀏覽者失去興趣，通常是原圖的黑白版本。例1：原代碼：<IMG border=0 height=92 src="https://www.getit01.com/getimg_360.php?url=http://www.cn898.net/bbs/UploadFile/20045243172762519.gif" width_=130>　普通插入普通插入例2：<img src="https://www.getit01.com/getimg_360.php?url=http://www.cn898.net/bbs/UploadFile/20045243172762519.gif" width_=130 height=92 border=0 hspace=10vspace=20"> 設定上下左右空白位置設定上下左右空白位置例3：<img src="https://www.getit01.com/getimg_360.php?url=http://www.cn898.net/bbs/UploadFile/20045243172762519.gif" width_=130 height=92 border=4 align=middle>設定圖片中間對齊，邊框厚度為 4設定圖片中間對齊，邊框厚度為 4例4：<img src="https://www.getit01.com/getimg_360.php?url=http://www.cn898.net/bbs/UploadFile/20045243172762519.gif" width_=180 height=152 border=0> 放大了的圖片放大了的圖片例5：<img src="https://www.getit01.com/getimg_360.php?url=http://www.cn898.net/bbs/UploadFile/20045243172762519.gif" width_=130 height=92 border=0 align=right>設定圖片靠右文字設制一，文字基本設制基本代碼如下：<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：<marquee direction=移動方向 scrollamount=移動速度數值>插入文字</marquee>說明：direction=移動方向　可選值為向上(up)　向下(down)　向左(left)　向右(right)基本代碼2：<marquee behavior=移動效果>插入文字</marquee>說明：behavior=scroll 一圈一圈繞著走behavior=slide只走一次　behavior=alternate 來回走停停走走：代碼如下：<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>四，文字特效顯示：效果一、<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; ; LINE-HEIGHT: 150%; WIDTH: 450px">歡迎光臨中年貼圖</FONT></CENTER>效果四：原代碼：<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2width_=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=#0000ffface=隸書 size=7><MARQUEE direction=right height=50 width_=240>友朋你迎歡</MARQUEE></FONT></FONT>註明：在用這種效果時，文字移動範圍的寬width的取值很重要，兩段文字移動范轉的width取值和一定要小於背景層width的取值。——————————————————————————漂亮的圖片寫字框代碼點擊旁邊的箭頭,就可以瀏覽文章.發表文章時,在顯示源代碼前面打勾然後粘貼此邊框代碼再把勾去掉在邊框內添加上自己的文字即可^_^代碼如下：<div align="center"><center><table border="0" cellspacing="1" width_="511" height="1"background="http://blog.sina.com.cn/pic/470e283e02000274"><tr><td width_="494" height="60" colspan="3"></td></tr><tr><td width_="50" height="1" rowspan="2">　</td><td width_="349" height="1"><DIV style="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: scroll; width: 319; scrollbar-shadow-color: #ffffff;color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color:#ffffff; height: 262; background-color: #ffffff; border: 2px solid white" align=left><P align=left><b></b></P><Palign=left>點擊旁邊的箭頭,</P><P align=left>就可以瀏覽文章.</P><P align=left>發表文章時,</P><P align=left>在顯示源代碼前面打勾</P><P align=left>然後粘貼此邊框代碼</P><P align=left>再把勾去掉</P><P align=left>在邊框內添加上自己的文字即可^_^</P><P align=left></P></DIV><FONT color=#6699ff><DIV align=left><FONT color=#6699ff></FONT> </DIV></font></td><td width_="72" height="1"rowspan="2">　</td></tr><tr><td width_="349" height="1">　</td></tr></table></center></div>代碼如下：<div align="center"><center><table border="0" cellspacing="1" width_="511" height="359"background="http://blog.sina.com.cn/pic/470e283e02000273"><tr><td width_="494" height="60" colspan="3"></td></tr><tr><td width_="50" height="1" rowspan="2">　</td><td width_="349" height="1"><DIV style="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: scroll; width: 319; scrollbar-shadow-color: #ffffff;color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color:#ffffff; height: 262; background-color: #ffffff; border: 2px solid white" align=left><P align=left><b></b></P><Palign=left>點擊旁邊的箭頭,</P><P align=left>就可以瀏覽文章.</P><P align=left>發表文章時,</P><P align=left>在顯示源代碼前面打勾</P><P align=left>然後粘貼此邊框代碼</P><P align=left>再把勾去掉</P><P align=left>在邊框內添加上自己的文字即可^_^</P><P align=left></P></DIV><FONT color=#6699ff><DIV align=left><FONT color=#6699ff></FONT> </DIV></font></td><td width_="72" height="1"rowspan="2">　</td></tr><tr><td width_="349" height="1">　</td></tr></table></center></div>代碼如下：<div align="center"><center><table border="0" cellspacing="1" width_="498" height="1"background="http://blog.sina.com.cn/pic/470e283e020001cy"><tr><td width_="498" height="67" colspan="3"></td></tr><tr><td width_="50" height="1" rowspan="2">　</td><td width_="349" height="1"><p align="center"><DIVstyle="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: scroll; width: 215; scrollbar-shadow-color: #ffffff; color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #ffffff; height: 414; background-color: #ffffff; border: 2px solid white" align=left><Palign=left><b><font color="#008000"> </font></b></P><P align=left>點擊右邊的箭頭,</P><P align=left>就可以瀏覽文章.</P><P align=left>發表文章時,</P><P align=left>在顯示源代碼前面打勾</P><P align=left>然後粘貼此邊框代碼</P><Palign=left>再把勾去掉</P><P align=left>在邊框內添加上自己的文字即可</P><P align=left></P></DIV><FONT color=#6699ff><DIV align=left><FONT color=#6699ff></FONT> </DIV></font></td><td width_="76" height="1"rowspan="2">　</td></tr><tr><td width_="349" height="39">　</td></tr></table></center></div>代碼如下：<div align="center"><center><table border="0" cellspacing="1" width_="511" height="1"background="http://blog.sina.com.cn/pic/470e283e02000275"><tr><td width_="494" height="60" colspan="3"></td></tr><tr><td width_="50" height="1" rowspan="2">　</td><td width_="349" height="1"><DIV style="scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; overflow: scroll; width: 319; scrollbar-shadow-color: #ffffff;color: #000000; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color:#ffffff; height: 262; background-color: #ffffff; border: 2px solid white" align=left><P align=left><b></b></P><Palign=left>點擊右邊的箭頭,</P><P align=left>就可以瀏覽文章.</P><P align=left>發表文章時,</P><P align=left>在顯示源代碼前面打勾</P><P align=left>然後粘貼此邊框代碼</P><P align=left>再把勾去掉</P><P align=left>在邊框內添加上自己的文字即可</P><P align=left></P></DIV><FONT color=#6699ff><DIV align=left><FONT color=#6699ff></FONT> </DIV></font></td><td width_="72" height="1"rowspan="2">　</td></tr><tr><td width_="349" height="1">　</td></tr></table></center></div>——————————————————————————文字滾動框+滾動條代碼如下<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ff0000; SCROLLBAR-HIGHLIGHT-COLOR: #98fb98; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 470px; SCROLLBAR-SHADOW-COLOR:#ffb6c1; COLOR: #0997f7; SCROLLBAR-3DLIGHT-COLOR: #ffb6c1; SCROLLBAR-ARROW-COLOR: #f5deb3; SCROLLBAR-TRACK-COLOR:#ffdead; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #90ee90; HEIGHT: 150px; BACKGROUND-COLOR:#c7f709" align=center>《讓愛情長留人間》<BR>最難忘的歌<BR>有痛苦有甘甜<BR>歲月流失<BR>換一天又一天<BR>往事依舊<BR>沉澱在心田<BR>最渴望的愛<BR>聽心靈在召喚<BR>雷霆風暴<BR>愛情也受摧殘<BR>冬去春來<BR>最終一切未改變<BR>在相聚時刻<BR>情和意更纏綿<BR>有誰想到<BR>永別就在眼前<BR>遠隔關山，仍盼望重相見，敘一敘悲和歡<BR>啊，每到晚上，心兒總在想念。<BR>星光滿天，伴隨我入夢幻<BR>深深祝願，讓愛情長留人間<BR>啊，每到晚上，心兒總在想念<BR>　星光滿天，伴隨我入夢幻。<BR>　深深祝願，讓愛情長留人間 </DIV>alig後可以換left right 顏色表的大小可以換邊框為2像素，黑色border: solid 2px black;寬度120像素width: 120px;高度200像素height: 200px;超出範圍時使用滾動條overflow: scroll;滾動條的各個顏色如下scrollbar-face-color: #889B9F;scrollbar-shadow-color: #3D5054;scrollbar-highlight-color: #C3D6DA;scrollbar-3dlight-color: #3D5054;scrollbar-darkshadow-color: #85989C;scrollbar-track-color: #95A6AA;scrollbar-arrow-color: #FFD6DA;——————————————————————————圖片做背景分別 字 FLASH 音樂的方法圖片做背景+字<table width_="450" border="0"><tr><td height="562" background="http://mx.mmogh.com/attachments/20070513_9797a2d33a13511b791481xvLaUqgF5V.jpg"></td></tr></table>圖片做背景+FLASH1 、加框有一層FLASH的圖片<TABLE height=300 cellSpacing=0 cellPadding=0 width_=400background=http://olcf.16789.net/domName/olcf/200642812224314758.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=http://imgfree.21cn.com/free/flash/4.swf width_=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"></P></TD></TR></TBODY></TABLE>2、加框用兩層FLASH的圖片<P align=center><TABLE height=300 cellSpacing=0 cellPadding=0 width_=400background=http://olcf.16789.net/domName/olcf/200642812224314758.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED align=right src=http://imgfree.21cn.com/free/flash/4.swf width_=400 height=280type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR><BR><EMBED align=right src=http://imgfree.21cn.com/free/flash/33.swf width_=380 height=285type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> <BR></P></TD></TR></TBODY></TABLE>圖片做背景+音樂1.顯示播放器<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=200 cellSpacing=0cellPadding=0 width_=400 align=left background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_3.gifborder=0><TBODY><TR><TD width_=200 height=200 cellPadding="0" cellSpacing="0"></TD></TR><TR><TD align=cente><P align=center><EMBED style="BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FILTER: alpha(opacity=40 Style=1 FinishOpacity=40) gray progid:<br>DXImageTransform.Microsoft.Blur(PixelRadius=0 MakeShadow=false); BORDER-LEFT: #cccccc 3px solid; BORDER-BOTTOM:#cccccc 0px solid" src=http://www.zjgdlxx.com/kc/khj.wma width_=200 height=24 type=application/x-mplayer2 loop="-1"autostart="1" volume="0"></P></FONT></TD></TR></TBODY></TABLE>2.不顯示播放器<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=249 cellSpacing=0cellPadding=0 width_=314 align=center background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_4.gifborder=0><TBODY><TR><TD width_=314 height=180 cellspacing="0" cellpadding="0"></TD></TR><TR><TD align=left><P align=center><EMBED style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: "src=http://www.zjgdlxx.com/kc/khj.wma width_=310 height=28 type=video/x-ms-asf volume="0" autostart="1" loop="-1"></P></TD></TR></TBODY></TABLE>播放器寬度width_=200 高度height=50 根據需要設置,寬度和高度設為0播放器為隱藏狀態.loop="true"為循環播放,loop="false"為不循環播放.autostart="true"為自動播?autostart="false"為不自動播放.loop="2"播放次數支持的音樂格式: wma　mp3　rm　ra　ram　asf　mid.播放器樣式打開一個空白控制面板粘貼下面代碼,到網上搜索你要的歌曲,把地址複製過來保存代碼：<embed src=音樂鏈接地址 width_=200 height=50 type=audio/mpeg loop="true" autostart="true">width和height為播放器寬度和高度,可以靈活設置。autostart="true"為自動播放,autostart="false"為不自動播放.loop="true"為連續循環播放,loop="false"為不循環播放.loop可以等於一個整數,比如loop="3",就是音樂循環播放3次1*播放器樣式代碼：<DIV><EMBED style="FILTER: xray()" src=音樂鏈接區 width_=180 height=50 type=audio/mpeg autostart="true"loop="true"></DIV>2*播放器樣式代碼：<embed src=音樂鏈接區 width_=200 height=50 type=audio/mpeg loop="true" autostart="true">如果對這些個傳統的播放器不滿意的話還可以去網站專門申請一個個性播放器，還有 MTV 播放器。申請網站為：http://www.onlybeloved.com/player/index.asp 在第三個登錄框中註冊成功後點擊添加音樂，把自己從網上搜索的歌曲添加上去，最多可以添加60首歌曲，然後選擇自己喜歡的播放器樣式，在點擊獲取代碼，然後再按照上面的具體操作添加即可。這也是個申請播放器的網址http://www.07j.com/player/index.asp——————————————————————文字滾動框+滾動條代碼如下<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #ff0000; SCROLLBAR-HIGHLIGHT-COLOR: #98fb98; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 470px; SCROLLBAR-SHADOW-COLOR: #ffb6c1; COLOR: #0997f7; SCROLLBAR-3DLIGHT-COLOR: #ffb6c1; SCROLLBAR-ARROW-COLOR: #f5deb3; SCROLLBAR-TRACK-COLOR: #ffdead; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #90ee90; HEIGHT: 150px; BACKGROUND-COLOR: #c7f709" align=center>《讓愛情長留人間》<BR>最難忘的歌<BR>有痛苦有甘甜<BR>歲月流失<BR>換一天又一天<BR>往事依舊<BR>沉澱在心田<BR>最渴望的愛<BR>聽心靈在召喚<BR>雷霆風暴<BR>愛情也受摧殘<BR>冬去春來<BR>最終一切未改變<BR>在相聚時刻<BR>情和意更纏綿<BR>有誰想到<BR>永別就在眼前<BR>遠隔關山，仍盼望重相見，敘一敘悲和歡<BR>啊，每到晚上，心兒總在想念。<BR>星光滿天，伴隨我入夢幻<BR>深深祝願，讓愛情長留人間<BR>啊，每到晚上，心兒總在想念<BR>　星光滿天，伴隨我入夢幻。<BR>　深深祝願，讓愛情長留人間 </DIV>alig後可以換left right 顏色表的大小可以換邊框為2像素，黑色border: solid 2px black;寬度120像素width: 120px;高度200像素height: 200px;超出範圍時使用滾動條overflow: scroll;滾動條的各個顏色如下scrollbar-face-color: #889B9F;scrollbar-shadow-color: #3D5054;scrollbar-highlight-color: #C3D6DA;scrollbar-3dlight-color: #3D5054;scrollbar-darkshadow-color: #85989C;scrollbar-track-color: #95A6AA;scrollbar-arrow-color: #FFD6DA;————————————————————如何製作幻燈片（代碼）代碼如下：<embed src="https://www.getit01.com/getimg_360.php?url=http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque" bgcolor="#FDD248"FlashVars="pics=圖片地址1|圖片地址2|圖片地址3|圖片地址4|圖片地址5&links=文章地址1|文章地址2|文章地址3|文章地址4|文章地址5&texts=文章名字1|文章名字2|文章名字3|文章名字4|文章名字5&borderwidth_=180&borderheight=180&textheight=20" menu="false" quality="high" width_="180" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />代碼說明:裡面的"圖片地址"添上你自己的圖片地址.獲得圖片網址在我的「博客裝飾技術」中有講解"文章地址"就是你要添加連接文章的地址."文章名字"添上你連接的地址名稱.此幻燈片可以根據需要自定義播放圖片的張數width_="180" height="200" 是幻燈片的尺寸，可以自行調節。bgcolor="#FDD248" 是背景顏色textheight=20 是文字區域高度，可以自行調節——————————————————————圖片上飄動的文字玫瑰夫人代碼如下：<TABLE borderColor=#cd5c5c height=350 width_=450 align=center border=3><TBODY><TR><TD background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_8.gif><MARQUEE scrollAmount=3 direction=down behavior=alternate height=350><MARQUEE scrollAmount=3 behavior=alternate width_=500><P align=center><FONT color=red size=6><B>玫瑰夫人歡迎您</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>代碼說明:裡面的"圖片地址"添上你自己的圖片地址.獲得圖片網址在我的「博客裝飾技術」中有講解"文章地址"就是你要添加連接文章的地址."文章名字"添上你連接的地址名稱.此幻燈片可以根據需要自定義播放圖片的張數width_="180" height="200" 是幻燈片的尺寸，可以自行調節。bgcolor="#FDD248" 是背景顏色textheight=20 是文字區域高度，可以自行調節紅字代碼：<TABLE borderColor=#cd5c5c height=350 width_=450 align=left border=3><TBODY><TR><TD background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_8.gif><MARQUEE scrollAmount=3 direction=down behavior=alternate height=350><MARQUEE scrollAmount=3 behavior=alternate width_=500><P></P><P style="TEXT-INDENT: 2em"><FONT color=#ff0000>玫瑰夫人歡迎您</FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></P>————————————————————————實現博客上連續播放音樂全攻略的五種方法方法一：使用ASX列表 推薦度 使用ASX列表的方法是先用記事本按下面的格式寫播放列表<ASX Version=「3.0「 PREVIEWMODE=「NO「><repeat><entry><ref href= 「第一首歌曲地址「 /></entry><entry><ref href=「第二首歌曲地址「 /></entry>……<entry><ref href=「第N首歌曲地址「 /></entry></repeat></ASX>然後另存為擴展名為.asx的文件如w1.asx,上傳到你的blog或個人主頁空間里，獲取文件地址。在blog里使用代碼：<EMBED src=asx文件地址 width_=270 height=40 type=audio/x-pn-realaudio-plugin loop=「true「 autostart=「false「 controls=「controlpanel,statusbar「>就可實現連續播放。其中loop和autostart分別是循環和自動播放控制開關。Src的值是上傳後獲取的文件地址。如：<EMBED src=http://starglare.blogbus.com/files/1140384283.asx width_=300 height=40 type=audio/x-pn-realaudio-plugin loop=「true「 autostart=「false「 controls=「controlpanel,statusbar「>具體效果可以見http://www1.tianyablog.com/blogger/archives.asp?idWriter=0&Key=0&BlogID=176160這是本文最推薦的方法，簡單、高速、佔資源少，且可以播放mp3,wma,asx等多種格式。由於不使用iframe框架，修改模版更容易，且不必擔心有彈出式廣告之類。缺點是需要外部空間上傳列表文件。不過現在很多博客服務商都提供了空間，而列表文件非常小，下載速度快，佔用空間少。方法二：使用免費網頁播放器和播客播放器 推薦度 ☆這是我看到應用較多的方法，可以到http://www.blogboy.net/player/或http://www.onlybeloved.com/player2/index.asp 註冊申請後添加歌曲，獲取代碼，然後在blog上加入代碼。這種方法的優點是式樣多，管理歌曲方便。但是缺點也很明顯，由於使用較多圖片，速度慢，通常帶有該網站的廣告鏈接，更有甚者插入彈出式廣告，天下沒有免費的午餐。且由於使用iframe框架，給修改模版帶來不便。方法三：使用flashmp3播放器 推薦度 用flash可以實現多首mp3的連續播放和複雜控制，上網上搜索到這樣的flash源碼。一般需要導入XML播放列表，我在http://www.flashtc.com/article.asp?articleid=1091提供的源碼上基礎進行修改，用flashvars實現了通過html代碼改變播放列表。調用方法如下：<object classid=「clsid:D27CDB6E-AE6D-11cf-96B8-444553540000「 codebase=「http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0「 width_=500 height=24><param value=「high「><param value=「sname1=歌曲地址1&sname2=歌曲地址2&sname3=歌曲地址3&sname4=歌曲地址4&sname5=歌曲地址5&sname6=歌曲地址6「 /><param value=「http://www.toodou.com/dl/www.toodou.com-27369-981-starplayer2.swf「><embed src=「http://www.toodou.com/dl/www.toodou.com-27369-981-starplayer2.swf「 quality=「high「 pluginspage=「http://www.macromedia.com/go/getflashplayer「 target=「_blank「 >http://www.macromedia.com/go/getflashplayer「; type=「application/x-shockwave-flash「 width_=「500「 height=20></embed></object>使用flashmp3播放器的優點是佔資源少，速度快，能做出歌詞同步播放等複雜功能和很酷的界面，缺點是需要懂flash, 且通常只能放mp3。方法四：製作個性化網頁播放器 推薦度 ☆可以從網上下載網頁播放器源碼，修改後上傳到個人空間，然後類似方法二進行調用。推薦參考文章：http://www1.tianyablog.com/blogger/post_show.asp?idWriter=0&Key=0&BlogID=43203&PostID=3713027這種方法適合DIY愛好者，可以做出很個性的界面，能播放多種格式，但相對較複雜，可能讓人望而生畏。方法五：內嵌flash循環播放頁面 推薦度 與內嵌播放器不同的是嵌入的是flash循環播放頁面，效果見地址：http://www.buee.com/music/free/index.htm插入代碼<iframe. frameBorder=0 marginHeight=0 marginWidth=0 scrolling=no src=http://www.buee.com/music/free/index.htm width_=100% height=450></iframe>優點是不僅有音樂還有flash動畫，缺點是頁面太大可能導致blog頁面變形，且帶文字廣告。這些方法不一定那種就是最好的，不過肯定有最適合你的。以上就我所知的幾種方法進行討論，有什麼不對之處請大家指正。註： 以上代碼中引號都是半形。——————————————————————實現歌曲、背景、歌詞同步出現<P align=center><TABLE style="BORDER-RIGHT: 1px dotted; BORDER-TOP: 1px dotted; BORDER-LEFT: 1px dotted; WIDTH: 457px; BORDER-BOTTOM: 1px dotted; HEIGHT: 400px" borderColor=#0e0000 height=400 cellSpacing=1 width_=457 background=http://hongdou.gxnews.com.cn/uploadfiles/images/2005/11/7/2005117235639714.gif border=0><TBODY><TR><TD><MARQUEE scrollAmount=1 scrollDelay=150 behavior=slide width_=400 height=50><MARQUEE style="WIDTH: 400px; HEIGHT: 41px" scrollAmount=1 scrollDelay=150 behavior=slide width_=400 height=41><FONT style="FONT-SIZE: 22pt; FILTER: shadow(color=#392d1d,direction=180); WIDTH: 88.96%; COLOR: #f1d5a5; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書; HEIGHT: 44px"><B><P align=right>今生不能在一起 </P></B></FONT></MARQUEE></MARQUEE><BR><BR><BR><BR><BR><MARQUEE scrollAmount=1 scrollDelay=100 direction=down behavior=slide width_=450 height=250><MARQUEE scrollAmount=1 scrollDelay=100 direction=up width_=450 height=250><FONT style="FONT-SIZE: 16pt; FILTER: shadow(color=#392d1d); WIDTH: 100%; COLOR: #f1d5a5; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷; HEIGHT: 601px"><P align=left>早知道不該想你，<BR>可我控制不了我自己，<BR>明知道沒有結果的愛情，<BR>可我卻一直想要說服我自己，<BR>無奈破碎的心已無法回應。<BR>早就應該忘了你，<BR>可你深深埋進我心底，<BR>在漆黑的夜裡回憶你的每一句，</P><P align=left><BR>你說今生的緣我們來世再續。<BR>如果今生不能一起，<BR>我會在來世等你，<BR>縱然天與地的距離，<BR>我都一定找到你。<BR>如果來世不能一起，<BR>我會折磨我自己，<BR>再也沒有活的勇氣，<BR>或許會消失在那空氣里。<BR></P></FONT></MARQUEE></MARQUEE><P align=right><TABLE border=0><TBODY><TR><TD style="FILTER: alpha(opacity=90,style=3)"><P align=center><EMBED style="FILTER: xray()" src=http://www.haye.com.cn/content/images_digi/565681002.mp3 width_=50 height=28 type=audio/mpeg volume="0" autostart="true" loop="true"></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P>說明：代碼里的圖片地址可以根據需要改變（換上自己喜歡的背景圖），寬度和高度可以根據自己的需要改動，背景圖上的滾動字幕可改為自己需要的內容，播放器里的歌曲可改為自己喜歡的.————————————————————————
推薦閱讀：

※爆笑《超級女生》簡訊滾動條

TAG:圖片 | 代碼 | 文字 | 播放器 | 滾動條 | 播放 |