精品伊人久久大香线蕉,开心久久婷婷综合中文字幕,杏田冲梨,人妻无码aⅴ不卡中文字幕

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
圖片+文字飄動+flah+滾動條+播放器+特效代碼
 圖片+文字飄動+flah+滾動條+播放器+特效代碼
1  圖片上加FLASH.
<table border="0" cellPadding="0" cellSpacing="0" width=600 height=382 align=center
background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_1.jpeg><TD width=600
height=382><EMBEDpluginspage=http://www.macromedia.com/go/getflashplayer
src=FLASH地址 width="100%" 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=center
background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_1.jpeg border=0>
<TBODY>
<TR>
<TD width=600 height=382><EMBED PLUGINSPAGE=HTTP: width="100%"
quality="high" wmode="transparent" type="application/x-shockwave-flash" height="100%"
src="< 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 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><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><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-flash
WMODE="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=">
</tr>
</table>
圖片做背景+FLASH
1 、加框有一層FLASH的圖片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400
background=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=400
background=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=280
type=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=285
type=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=0
cellPadding=0 width=400 align=left background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_3.gif
border=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=0
cellPadding=0 width=314 align=center background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_4.gif
border=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=center
background=http://life.eastmoney.com/life/STARIMAGE/100004000005/2005063000003634.jpg
border=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><EMBED
pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/6.swf width=180
height=180 type=application/x-shockwave-flash wmode="transparent" quality="high"></DIV></TD></TR></TBODY></TABLE>
<EMBED
style="LEFT: 1px; WIDTH: 0px; TOP: 0px; HEIGHT: 6px" src=http://www.sh-
web.cn/mp3/heart.wma
width=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=center
background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_5.jpg border=3>
<TBODY>
<TR>
<TD>
<IMG height=150 src="
border=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=center
background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_5.jpg border=3>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=2 scrollDelay=30 direction=right width="100%" height=150><A
href="
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=0
height=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"> <DIV
style="LEFT: -50px; ; TOP: -50px"><EMBED src=http://bg.e-yu.cn/fh/fl2/nettaigyo.swf width=630
height=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"> <TABLE
style="FILTER: Alpha(Opacity=43,Style=0)" height=390 cellSpacing=0 width=530 border=23> <TBODY> <TR> <TD
align=middle width="100%"></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=right
src=http://imgfree.21cn.com/free/flash/100.swf width=700 height=400 type=application/x-shockwave-flash
quality="high" wmode="transparent"></CENTER>你的文章
<CENTER><EMBED style="RIGHT: 10px; ; TOP: -70px" align=right
src=http://imgfree.21cn.com/free/flash/69.swf width=500 height=500 type=application/x-shockwave-flash
wmode="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.gif
border=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><FONT
color=#ff00ff>注:scrollAmount=2   是控制字速,數值越大字速就越快!
======================================
左右移動字:
代碼如下:
<TABLE height=300 cellPadding=10 width=500 align=center background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_6.gif
border=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.gif
border=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=320
background=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><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: #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=28
type=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是不要,默認為FALSE
LOOP=TRUE/FALSE 設定播放重復次數,LOOP=6表示重復6次,TRUE表示無限次播放,FALSE播放一次即停止。
STARTIME="分:秒" 設定樂曲的開始播放時間,如20秒后播放寫為STARTIME=00:20
VOLUME=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"><param
name=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
width="100%"><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, center
valign="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.html
2,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 PenPals
Garden" 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="
普通插入
例2:
<img src="
vspace=20"> 設定上下左右空白位置
設定上下左右空白位置
例3:
<img src="
設定圖片中間對齊,邊框厚度為 4
設定圖片中間對齊,邊框厚度為 4
例4:
<img src="
放大了的圖片
例5:
<img src="
定圖片靠右
文字設制
一,文字基本設制
基本代碼如下:
<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=2
width=460 <IMG src="
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的取
值。
——————————————————————————
漂亮的圖片寫字框代碼
點擊旁邊的箭頭,
就可以瀏覽文章.
發表文章時,
在顯示源代碼前面打勾
然后粘貼此邊框代碼
再把勾去掉
在邊框內添加上自己的文字即可^_^
代碼如下:
<div align="center"><center><table border="0" cellspacing="1" width="511" height="1"
background="
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><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><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="
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><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><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="
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"><DIV
style="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><P
align=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><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="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="
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><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><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="
>
</tr>
</table>
圖片做背景+FLASH
1 、加框有一層FLASH的圖片
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400
background=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=400
background=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=280
type=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=285
type=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=0
cellPadding=0 width=400 align=left background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_3.gif
border=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=0
cellPadding=0 width=314 align=center background=http://image12.360doc.com/DownloadImg/2010/07/1108/3984478_4.gif
border=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="代碼說明:
里面的"圖片地址"添上你自己的圖片地址.獲得圖片網址在我的“博客裝飾技術”中有講解
"文章地址"就是你要添加連接文章的地址.
"文章名字"添上你連接的地址名稱.
此幻燈片可以根據需要自定義播放圖片的張數
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>
說明:代碼里的圖片地址可以根據需要改變(換上自己喜歡的背景圖),寬度和高度可以根據自己的需要改動,背景圖上的滾動字幕可改為自己需要的內容,播放器里的歌曲可改為自己喜歡的.
————————————————————————
本站僅提供存儲服務,所有內容均由用戶發布,如發現有害或侵權內容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
如何在圖片上添加豎排移動字
圖片上向上走走停停文字代碼
動態文字特效代碼
怎樣在別人的Flash動畫上再加進自己的文字效果
從下到上的滾動
漂亮字體及代碼
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯系客服!

聯系客服

主站蜘蛛池模板: 合川市| 固阳县| 威信县| 黄石市| 都匀市| 邢台市| 肥乡县| 和林格尔县| 岳阳市| 朔州市| 鄂伦春自治旗| 徐闻县| 广安市| 彭阳县| 历史| 威宁| 同心县| 屏山县| 吴江市| 昆山市| 平顺县| 康保县| 达孜县| 湘乡市| 淮安市| 荔浦县| 明光市| 张北县| 孟州市| 虹口区| 榆中县| 灌南县| 濮阳市| 麻江县| 瑞金市| 北川| 东乡县| 云梦县| 诸暨市| 东乌| 修武县|