图片+文字飘动+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="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><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

<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>

<TBODY>

<TR>

<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>

——————————————————————

4 图片做背景分别字 FLASH 音乐的方法

图片做背景+字

<tr>

</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的图片

<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>

<TR>

<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>

<TR>

<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.

播放器样式

打开一个空白控制面板粘贴下面代码,到网上搜索你要的歌曲,把地址复制过来保存

代码：

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*播放器样式代码：

如果对这些个传统的播放器不满意的话还可以去网站专门申请一个个性播放器，还有 MTV 播放器。申请网站为：

http://www.onlybeloved.com/player/index.asp 在第三个登录框中注册成功后点击添加音乐，把自己从网上搜索的歌曲添加上去，

最多可以添加60首歌曲，然后选择自己喜欢的播放器样式，在点击获取代码，然后再按照上面的具体操作添加即可。这也是个申请播

放器的网址http://www.07j.com/player/index.asp 祝大家好运!

——————————————————————

图片加图片加音乐加文字加FLASH

代码一

有FLASH有图片有音乐有文字的图片的代码

<CENTER><FONT face=华文彩云 color=#da70d6 size=6><B>海星欢迎您

</B></FONT></CENTER></B></MARQUEE></CENTER></CENTER></DIV>

<TABLE height=220 width=180 align=center

background=http://life.eastmoney.com/life/STARIMAGE/100004000005/2005063000003634.jpg

border=1>

<TBODY>

<TR>

<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="http://blog.163.com/photo/qOI-iuDuHlKmvvEEPNhqGA==/3455386814100096141.jpg" width=200

border=0></A>

</MARQUEE>

<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/haixing945/album/" target=cont><IMG height=150 src="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 color=#c709f7 size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></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=#1ae66b size=4>如何在图片中加入文字？</FONT></DIV>

<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>如何在图片中加入文字？</FONT></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>

<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>

————————————————————————————

在图片上加音乐显歌词（附：播放器）

<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 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=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>

<TBODY>

<TR>

<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>

音乐要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中的的背景音乐

代码如下：

#=循环数

注明：这种背景音乐格式，只有在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就可以了。

二：

说明：一般用来插入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="http://www.cn898.net/bbs/UploadFile/20045243172762519.gif" width=130>　普通插入

普通插入

例2：

<img src="http://www.cn898.net/bbs/UploadFile/20045243172762519.gif" width=130 height=92 border=0 hspace=10

vspace=20"> 设定上下左右空白位置

设定上下左右空白位置

例3：

设定图片中间对齐，边框厚度为 4

例4：

<img src="http://www.cn898.net/bbs/UploadFile/20045243172762519.gif" width=180 height=152 border=0> 放大了的图片

放大了的图片

例5：

<img src="http://www.cn898.net/bbs/UploadFile/20045243172762519.gif" width=130 height=92 border=0 align=right>设

定图片靠右

文字设制

一，文字基本设制

基本代码如下：

align=center　表示字体居中，可选值为居右（right）居左（left）

color=颜色代码　具体颜色代码可参照：颜色选取＜＜点击查看

face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为7　取值越大文字就越大

二，大字体文字

代码：

font:40pt　数值越大文字就越大。

三，移动文字设置：

基本代码1：

说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)

基本代码2：

说明：

behavior=scroll 一圈一圈绕着走

behavior=slide

只走一次　behavior=alternate 来回走

停停走走：

代码如下：

四，文字特效显示：

效果一、<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="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的取

值。

——————————————————————————

漂亮的图片写字框代码

点击旁边的箭头,

就可以浏览文章.

发表文章时,

在显示源代码前面打勾

然后粘贴此边框代码

再把勾去掉

在边框内添加上自己的文字即可^_^

代码如下：

<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><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="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><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="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"><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="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><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 音乐的方法

图片做背景+字

<tr>

</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的图片

<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>

<TR>

<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>

<TR>

<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.

播放器样式

打开一个空白控制面板粘贴下面代码,到网上搜索你要的歌曲,把地址复制过来保存

代码：

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*播放器样式代码：

如果对这些个传统的播放器不满意的话还可以去网站专门申请一个个性播放器，还有 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;

————————————————————

如何制作幻灯片（代码）

代码如下：

代码说明:

里面的"图片地址"添上你自己的图片地址.获得图片网址在我的“博客装饰技术”中有讲解

"文章地址"就是你要添加连接文章的地址.

"文章名字"添上你连接的地址名称.

此幻灯片可以根据需要自定义播放图片的张数

width="180" height="200" 是幻灯片的尺寸，可以自行调节。

bgcolor="#FDD248" 是背景颜色

textheight=20 是文字区域高度，可以自行调节

——————————————————————

图片上飘动的文字

玫瑰夫人

代码如下：

<TBODY>

<TR>

<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 是文字区域高度，可以自行调节

红字代码：

<TBODY>

<TR>

<P></P>

<P style="TEXT-INDENT: 2em"><FONT color=#ff0000>玫瑰夫人欢迎您</FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></P>

————————————————————————

实现博客上连续播放音乐全攻略的五种方法

方法一：使用ASX列表推荐度 ★★★★

使用ASX列表的方法是先用记事本按下面的格式写播放列表

<entry>

</entry>

<entry>

</entry>

……

<entry>

</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代码改变播放列表。调用方法如下：

</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

插入代码

优点是不仅有音乐还有flash动画，缺点是页面太大可能导致blog页面变形，且带文字广告。

这些方法不一定那种就是最好的，不过肯定有最适合你的。以上就我所知的几种方法进行讨论，有什么不对之处请大家指正。

注：以上代码中引号都是半角。

——————————————————————

实现歌曲、背景、歌词同步出现

<TBODY>

<TR>

<TD>

<P align=right>今生不能在一起 </P></B></FONT></MARQUEE></MARQUEE><BR><BR><BR><BR><BR>

<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>

<TBODY>

<TR>

说明：代码里的图片地址可以根据需要改变（换上自己喜欢的背景图），宽度和高度可以根据自己的需要改动，背景图上的滚动字幕可改为自己需要的内容，播放器里的歌曲可改为自己喜欢的.

————————————————————————

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。