网易博客素材、教程、代码基地

请引用的朋友，不要删除链接，谢谢合作

日志

关于我

佳人素材教程基地

和阳光的人在一起,心里就不会晦暗,和快乐的人在一起,嘴角就常带微笑,和进取的人在一起,行动就不会落后,和大方的人在一起,处事就不小气,和睿智的人在一起,遇事就不迷茫,和聪明的人在一起,做事就变机敏。——借人之智,完善自己。学最好的别人,做最好的自己。

文章分类

【博客*教程】博客音画常用代码集锦

2011-11-12 16:09:03| 分类：【大图教程】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

博客音画常用代码集锦

1、在边框背景里添加图片和隔断：

用这个代码：

<P align=center><IMG src="图片网址"><BR>   把图片和隔断添加到边框

2、怎样给音画帖子添加音乐（rm,wav,swf,mp3等格式）：

在整篇代码的的最后加上

（1）<EMBED hidden=true src= [替换mp3地址] type=application/octet-streamautostart="true"

      loop="true"> （隐藏播放）

（2）<EMBED src=“音乐路径” width=0 height=0 autostart="true" >（隐藏播放）

（3）<embed src="背景音乐网址" hidden="true" autostart="true" loop="true">（隐藏播放）

（4）<embed src="mp3歌曲网址" autostart="false" width="283" height="45">（显示播放器）

说明：--------hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换

为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值"

width="宽度值" 就可以了。

-------autostart="true"表示当前页一载入则自动播放，若不希望播放改为autostart="false

--------hidden="true"表示隐藏播放，即不显示播放器的外观，若要想显示，把"true" 替换

为"false"即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height="高度值"

width="宽度值" 就可以了。

(5).插入音乐地址的修改

<EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>

代码格式都一样,你只要修改音乐地址就可以了

高度height=200 宽度width=200

是mp3就改height=0 宽度width=0

3、怎样在音画帖子中的图片上添加透明FLASH:

代码如下:

例1：

<center><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolor=#84B98D background=图片地址><TBODY><TD><EMBED src=透明FLASH网址 width=590

type=application/x-shockwave-flash quality="high" menu="false"

wmode="transparent"></embed></TD></TBODY></table></center>

说明:width为图片宽度 height为图片高度

注意：长和宽的设定要根据图片的实际大小来设定。

例2：

<P>

<TABLE borderColor=#000000 height=398 cellPadding=3 width=600

background=http://znrs.2000y.net/UploadFile/2004-2/200422114432149.jpg border=5>

<TBODY>

<TR>

<TD width=0 colSpan=2 height=0 rowSpan=2><EMBED align=right

src=http://www.forshine.net/flash/19.swf width=460 height=340 type=application/octet-stream

wmode="transparent" quality="high" ;;></EMBED><EMBED align=right

src=http://www.forshine.net/flash/9.swf width=460 height=340 type=application/octet-stream

wmode="transparent" quality="high" ;;><> </TD></TR></TBODY></TABLE></P><BR><BR><BR><BR>

说明：height=398 width=600 是控制图片的宽度和宽度

       width=460 height=340    是控制透明FLASH的高度和宽度(设置时候一般不要大于图片的高度和

宽度)

4、怎样在音画帖子中的图片上添加其它FLASH:

（1）普通的flash的插入代码：

<EMBED height=170 pluginspage=http://www.macromedia.com/go/getflashplayer src=地址

type=application/x-shockwave-flash width=700 height=1800 wmode="transparent" quality="high">

（2）无限制的flash的代码：

EMBED style="LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px"

align=right src=地址 width=400 height=300 type=application/octet-stream wmode="transparent"

quality="high" ;;></EMBED>

（3）大型flash 的代码：

<TR><TD><EMBED style="LEFT: 200px; WIDTH: 400px; POSITION: absolute; TOP: 500px; HEIGHT:

300px" align=right src=地址 width=500 height=1500 type=application/octet-stream

wmode="transparent" quality="high" ;;></EMBED></TD> （说明：TOP: 900px 是指FLASH与帖子上边之

间的距离（也就是FLASH与IE的距离）、LEFT: 50px 是指FLASH与帖子左边的距离、WIDTH: 00px　HEIGHT: 300px　是指FLASH定位的范围宽度和高度、后面的width=400 height=3000 就是指FLASH的宽和

高了）。

(4)双层flash的代码:

<EMBED align=right src=地址 width=420 height=350 type=application/octet-stream

wmode="transparent" quality="high"><EMBED align=right src=地址 width=420 height=350

type=application/octet-stream wmode="transparent" quality="high">

5、怎样制作滚动字幕效果：

（1）文字在边框背景中居中滚动：

<P align=center>

<MARQUEE ScrollAmount=3 Direction=up width=400 height=40 ScrollDelay=150 >

<center><FONT face=黑体 color=#FFAA00 size=5>

教你如何制作滚动字幕<br>

滚动字幕需要用到 marquee 元素<br>

MARQUEE 的主要参数及其含义是<br>

Derection：文字滚动方向<br>

Width 和 Height：窗口的宽度和高度<br>

ScrollDelay：延迟(单位为毫秒)<br>

ScrollAmount：移动的步长<br>

最后别忘了用 br 给每一行文字换行<br>

现在，你也可以制作滚动字幕了吧？<br>

</font></center>

</MARQUEE>

（2）文字在图片上居中滚动:

(a).

<TABLE height=413 cellSpacing=0 cellPadding=0 width=550 align=center

background=http://img.bimg.126.net/photo/mmT9SkeFygTh6sUlkEFIug==/3128312891162659782.jpg border=0>

<TBODY>

<TR>

<TD align=middle spacer direction="up">

<P align=center>

<MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=400 height=40>

<CENTER><FONT face=黑体 color=#00ffff size=5 ffaa00>教你如何制作滚动字幕<BR>滚动字幕需要用

到 marquee 元素<BR>MARQUEE 的主要参数及其含义是<BR>Derection：文字滚动方向<BR>Width 和

Height：窗口的宽度和高度<BR>ScrollDelay：延迟(单位为毫秒)<BR>ScrollAmount：移动的步长<BR>最

后别忘了用 br 给每一行文字换行<BR>现在，你也可以制作滚动字幕

<BR></FONT></CENTER></MARQUEE></P></TD></TR></TBODY></TABLE>

(b).

<P align=center>

<TABLE cellSpacing=0 cellPadding=0 width=475 background=http://img.bimg.126.net/photo/mmT9SkeFygTh6sUlkEFIug==/3128312891162659782.jpg border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=2)" width=475 background=http://xz.2000y.net/100007/../../admin/../../admin/uploadpic/200411502633442.jpg height=320><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/61.swf width=475 height=425 type=application/x-shockwave-flash wmode="transparent" quality="high">

<P align=center>

<MARQUEE scrollAmount=2 direction=up width=500 height=250>

<CENTER><FONT face=隶书 color=#ff00ff size=6>美丽青春!<BR><BR></FONT></CENTER></MARQUEE></P></TD></TR></TBODY></TABLE>></TD></TR></TBODY></TABLE>

文字在图片上的定位代码说明：

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

behavior=移动方式，　scroll 一圈一圈绕着走，　slide 只走一次，　behavior=alternate 来回走

width=宽度　　height=高度　　scrolldelay=速度　　scrollamount=位移 <br>表示换行

上面的参数大家可以根据不同的情况自行调节。

（3）、文字在雾化图片上的居中向上滚动：

<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=500 width=550 background=

http://www.ytren.com/tp/bbs/200607/21/2006721135273997.jpg border=0>

<TBODY>

<TR>

<TD align=middle spacer direction="up">

<P align=center>

<MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=550 height=80>

<CENTER><FONT face=华文新楷 color=#ff4500 size=5 ffaa00>以青海省西宁市为起点<BR>至西藏自治区拉萨市的青藏铁路<BR>全长近2000公里。<BR>沿途经过青海湖、昆仑山、<BR>可可西里、三江源、藏北草原<BR>布达拉宫等我国乃至世界著名的景区景点<BR>是一条充满神秘色彩的顶级旅游风景线<BR>铁路将青藏高原一望无际的戈壁滩<BR>白雪皑皑的雪山、辽阔无边的草原等景观连在一起<BR>沿线景点美不胜收<BR>有野生保护动物的家园<BR>——可可西里自然保护区和羌塘自然保护区<BR>以及长江、黄河等大江大河的源头景观<BR>在蓝天、白云、帐篷、牛羊衬托下的草原上<BR>游客将目睹成群的藏羚羊<BR>藏野驴和黄羊等珍稀野生保护动物

<BR></FONT></CENTER></MARQUEE></P></TD></TR></TBODY></TABLE>

(4).文字在雾化+透明FLASH图上居中向上滚动：

<CENTER>

<TABLE style="FILTER: Alpha(opacity=100,style=2)" width=550 background=http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg height=400 border=0>

<TBODY>

<TR>

<TD >

<P align=center>

<MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=550 height=80>

<CENTER><FONT face=华文新楷 color=#ff4500 size=5 ffaa00>以青海省西宁市为起点<BR>至西藏自治区拉萨市的青藏铁路<BR>全长近2000公里。<BR>沿途经过青海湖、昆仑山、<BR>可可西里、三江源、藏北草原<BR>布达拉宫等我国乃至世界著名的景区景点<BR>是一条充满神秘色彩的顶级旅游风景线<BR>铁路将青藏高原一望无际的戈壁滩<BR>白雪皑皑的雪山、辽阔无边的草原等景观连在一起<BR>沿线景点美不胜收<BR>有野生保护动物的家园<BR>——可可西里自然保护区和羌塘自然保护区<BR>以及长江、黄河等大江大河的源头景观<BR>在蓝天、白云、帐篷、牛羊衬托下的草原上<BR>游客将目睹成群的藏羚羊<BR>藏野驴和黄羊等珍稀野生保护动物<BR></FONT></CENTER></MARQUEE></P><EMBED style="LEFT: 370px; WIDTH: 320px; POSITION: absolute; TOP: 800px; HEIGHT: 320px" pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/33.swf width=420 height=320 type=application/x-shockwave-flash wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></CENTER>

（5）.又一文字向上滚动代码：

<FONT color=#ff0000 size=5><B>

<CENTER>

<MARQUEE scrollAmount=2 direction=up width=300 height=150>愿平常人平常事论坛全体管理人员及会员齐心协力共同建设这个美好的网上家园！</MARQUEE></FONT></B></CENTER>

说明：size=5 改变数字可以改变字幕单行字数，数字越小单行字数越多。

（6）、文字向左滚动代码：

<font size=3 color=ff0000><b><marquee direction=right> 愿平常人平常事论坛全体管理人员及会员齐心协力共同建设这个美好的网上家园！</marquee></b></font>

（7）、文字向右滚动代码：

<font size=3 color=ff0000><b><marquee direction=right> marq愿平常人平常事论坛全体管理人员及会员齐心协力共同建设这个美好的网上家园！</uee></b></font>

6、怎样在图片上添加文字：

(1)文字居中

<TABLE height=413 cellSpacing=0 cellPadding=0 width=550 align=center

background=http://bbs.px666.com/UploadFile/2006-5/200651716531118135.jpg border=0>

<TBODY>

<TR>

<TD align=center spacer type="vertical"><FONT face=华文行楷 color=blue size=7><B>精彩无限

</B></FONT></TD></TR></TBODY></TABLE>

文字在图片中的位置。由<td>中的align=center决定。center：表示居中。

(2).文字居左顶

<TABLE height=413 cellSpacing=0 cellPadding=0 width=550 align=center

background=http://bbs.px666.com/UploadFile/2006-5/200651716531118135.jpg border=0>

<TBODY>

<TR>

<TD vAlign=top align=left spacer type="vertical"><FONT face=华文行楷 color=blue size=7><B>精

彩无限</B></FONT></TD></TR></TBODY></TABLE>

top：表示文字居顶端。left：表示文字居左。文字居右顶（right：表示文字居右）

bottom：表示文字居底部。right：表示文字居右。

bottom：表示文字居底部。left：表示文字居左。

（3）文字竖排居中

<TABLE height=413 cellSpacing=0 cellPadding=0 width=550 align=center

background=http://bbs.px666.com/UploadFile/2006-5/200651716531118135.jpg border=0>

<TBODY>

<TR>

<TD align=middle spacer type="vertical"><FONT face=华文行楷 color=blue size=7><B>精<BR>彩

<BR>无<BR>限</B></FONT></TD></TR></TBODY></TABLE>

在每个文字之间加<br>（换行代码）

文字竖排居左顶（valign=top align=left ）、文字竖排居右顶（valign=top align=right）、

文字竖排居右下（valign=bottom align=right）

7、怎样在透明FLASH上加字：

代码:

<DIV style="position:relative; top:0px; left:0px; width:530px; height:390px; overflow:

hidden">

<div style="position: absolute; top: -50px; left: -50px">

<EMBED src="http://homepage2.nifty.com/~kmid/flash/0406/sangosanran-c.swf" width=630

height=480 type=application/octet-stream wmode="transparent" quality="high">

</div>

<div style="position: absolute; top: 120px; left: 80px">

<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0><TR><TD

style="filter:chroma(color=#ffff66)"><div style="width:100%;filter:glow(color=#00ff00

strength=19);color:white"><FONT style=" FONT-FAMILY: 华文新魏; FONT-SIZE: 40pt;"

color=#ffff66>

<b>我爱诗梦</b>

</FONT></div></TD></TR></TABLE></div>

</DIV>

将FLASH做背景的关键有两点:

1.FLASH一定要用透明代码,不然其他层放不上去.

2.FLASH一般都露出背景色,可将FLASH尺寸设定比表格大,然后将top: 和 left:设定负数来割去多余的背景色,以不露底为原则,割多了也影响美观.

8.用代码在透明FLASH上写字

<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 580px; POSITION: relative; TOP: 0px; HEIGHT: 420px">

<DIV style="LEFT: -30px; POSITION: absolute; TOP: -50px"><EMBED src=http://homepage2.nifty.com/~kmid/flash/budou.swf width=630 height=480 type=application/octet-stream wmode="transparent" quality="high"> </DIV>

<DIV style="LEFT: 210px; POSITION: absolute; TOP: 315px">

<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0>

<TBODY>

<TR>

<TD style="FILTER: chroma(color=#ffff66)">

<DIV style="FILTER: glow(color=#7FFF00 strength=6); WIDTH: 100%; COLOR: white"><FONT style="FONT-SIZE: 60pt; FONT-FAMILY: 华文新魏" color=#ffff66><B>伊人素材</B> </FONT></DIV></TD></TR></TBODY></TABLE></DIV></DIV>

9.几种贴图效果

(1).椭圆形雾化：

<P align=center>

<TABLE border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=2)" width=550 background=http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg height=400></TD></TR></TBODY>

<P></P></P>

(2).矩形雾化：

<P align=center>

<TABLE border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=3)" width=550 background=http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg height=400></TD></TR></TBODY></TABLE></P>

(3)、矩形（图中有白晕：）

<TABLE style="FILTER: blur(strength=100)" height=364 width=500 align=center background=http://www.hpp888.net/UploadFile/2005-1/2005122193656420.jpg table>

<TBODY>

<TR>

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

(4)、矩形（图片变紫色）：

<TABLE style="FILTER: invert" height=364 width=500 align=center background=http://www.hpp888.net/UploadFile/2005-1/2005122193656420.jpg table>

<TBODY>

<TR>

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

(5)、矩形（图片边缘残缺）：

<P align=center>

<TABLE border=0>

<TBODY>

<TR>

<TD style="FILTER: wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)" width=550 background=http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg height=400></TD></TR></TBODY></TABLE></P>

(6)、矩形（反色黑白效果）

<P align=center>

<TABLE border=0>

<TBODY>

<TR>

<TD style="FILTER: Xray" width=550 background=http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg height=400></TD></TR></TBODY></TABLE></P>

(7).椭圆型带透明FLASH虚化：

<TABLE cellSpacing=0 cellPadding=0 width=475 background=http://www.rosylife.net/UploadFile/2005-5/2005511222146934.jpg border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=2)" width=475 background=http://xz.2000y.net/100007/../../admin/../../admin/uploadpic/200411502633442.jpg height=320><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/61.swf width=475 height=425 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>

10.怎样使图片之间有间距：

方法1：直接在图片代码之间加入<br>可以根据你的需要连加多个。当然是越多就空得越大了。一个<br>相当于一个空行。

方法2：在图片之间插入表格，选择相同的背景颜色。（这个表格我特意选了不同的颜色，方便对比与方法1的不同。

11.图片雾化+透明FLASH效果：

（1）、椭圆：

<P align=center>

<TABLE border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=2)" width=420 background=http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg height=320><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/33.swf width=420 height=320 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></P>

（2）、矩形：

<P align=center>

<TABLE border=0>

<TBODY>

<TR>

<TD style="FILTER: Alpha(opacity=100,style=3)" width=420 background=http://china.dayoo.com/img/2006-06/15/xin_020603151305276269025.jpg height=320><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/33.swf width=420 height=320 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></P>

12、文字在图片+透明FLASH向上滚动：

（1）、

<P align=center>

<TABLE height=350 cellSpacing=3 borderColorDark=#fff000 cellPadding=0 width=500 borderColorLight=#fff000 background=http://www.ruiheda.com/bbs/UploadFile/2005-12/2005123121365067340.jpg border=12>

<TBODY>

<TR>

<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/130.swf width=500 height=350 type=application/octet-stream wmode="transparent" quality="high" ;;> <BR>

<P align=center>

<MARQUEE scrollAmount=2 direction=up width=500 height=250>

<CENTER><FONT face=隶书 color=#ff00ff size=6>祝新年快乐！<BR><BR></FONT></CENTER></MARQUEE></P></TD></TR></TBODY></TABLE>

（2）、

<P align=center><TABLE height=360 cellSpacing=3 borderColorDark=#ffffff cellPadding=0 width=490 borderColorLight=#ffffff background=http://www.ruiheda.com/bbs/UploadFile/2006-1/2006119192779573.jpg border=12>

<TBODY>

<TR>

<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/69.swf width=490 height=360 type=application/octet-stream wmode="transparent" quality="high" ;;><BR>

<P align=center>

<MARQUEE scrollAmount=2 direction=up width=500 height=250>

<CENTER><FONT face=隶书 color=#ffff00 size=7>奔向太阳<BR><BR></FONT></CENTER></MARQUEE></P></TD></TR></TBODY></TABLE>

(3).添加两组FLASH的文字滚动：

<P align=center>

<TABLE height=380 cellSpacing=0 cellPadding=0 width=470 background=http://bjaab.go3.icpcn.com/11AB.jpg border=11>

<TBODY>

<TR>

<TD align=middle> <EMBED align=right src=http://yeolkklo.com.ne.kr/Movie10-18.swf width=470 height=380 type=application/x-shockwave-flash twffan="done" wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"><EMBED align=right src=http://www.fjsnow.com/bbs/UploadFile/2004-9/2004927102950818.swf width=470 height=380 type=application/octet-stream twffan="done" wmode="transparent" quality="high";><P align=center>

<MARQUEE scrollAmount=2 direction=up width=500 height=250>

<CENTER><FONT face=隶书 color=#ff00ff size=6>祝新年快乐！<BR><BR></FONT></CENTER></MARQUEE></TD></TR></TBODY></TABLE></P>

13、HTML代码制作上层图片透明移动效果

<TABLE style="BORDER-RIGHT: #9b0000 6px ridge; BORDER-TOP: #9b0000 6px ridge; MARGIN-TOP: 150px;

LEFT: -180px; MARGIN-BOTTOM: 150px; BORDER-LEFT: #9b0000 6px ridge; WIDTH: 812px; BORDER-BOTTOM: #9b0000 6px ridge;

POSITION: relative; TOP: 80px; HEIGHT: 612px" cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD>

<TABLE height=600 cellSpacing=0 cellPadding=0 width=800 background=

http://www.dabaoku.com/ad/images/nihao.gif    border=0>

<TBODY>

<TR>

<TD>

<MARQUEE scrollAmount=2 scrollDelay=80 behavior=slide loop=2 height=600>

<TABLE style="FILTER: Alpha(Opacity=40)" height=600 cellSpacing=0 cellPadding=0 width=800 background=

http://www.517sc.com/ASP/bbs/UploadFile/2004-5/20045212158996191.jpg   border=0>

<TBODY>

<TR>

<TD></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><BR><BR><BR><BR><BR>

14、给FLASH加上边框：

代码如下:

<P align=center>

<TABLE borderColor=#111111 cellSpacing=0 cellPadding=15 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-5/2005516112515494.jpg border=1>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#111111 cellSpacing=3 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-5/200551615172416.jpg border=1>

<TBODY>

<TR>

<TD>

<TABLE borderColor=#111111 cellSpacing=6 cellPadding=0 width="100%" border=0>

<TBODY>

<TR>

<TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://bbs.xxjy.net/UploadFile/2005-5/2005516112648454.swf width=480 height=360 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

15、框中向左移动的图片：

<P align=center>

<TABLE borderColor=#111111 cellSpacing=2 cellPadding=0 width=650 background=http://shm.2000y.net/UploadFile/2005-1/2005123163832920.gif border=1>

<TBODY>

<TR>

<TD>

<DIV align=center>

<TABLE borderColor=#111111 cellSpacing=15 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-3/200531785745580.jpg border=1>

<TBODY>

<TR>

<TD>

<DIV align=center>

<TABLE borderColor=#111111 cellSpacing=2 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-3/200531785142955.gif border=1>

<TBODY>

<TR>

<TD>

<MARQUEE scrollAmount=4 width=680 height=200><IMG src="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="431" height="98">

                <param name="movie" value="images/top11.swf">

                <PARAM NAME="wmode" value="transparent">

                <param name="quality" value="high">

                <embed src="images/top11.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-

19.怎样发全屏帖？

也就是在做帖子的第一个边框时，输入下列的代码

<TABLE style="LEFT: -200px; WIDTH: 970px; POSITION: relative; TOP: 80px" cellSpacing=35 align=center background=图片地址 border=0

20.怎样在透明FLASH上加字~~代码:

<DIV style="position:relative; top:0px; left:0px; width:530px; height:390px; overflow: hidden">

<div style="position: absolute; top: -50px; left: -50px">

<EMBED src="http://homepage2.nifty.com/~kmid/flash/0406/sangosanran-c.swf" width=630 height=480 type=application/octet-stream wmode="transparent" quality="high"></EMBED>

</div>

<div style="position: absolute; top: 120px; left: 80px">

<TABLE cellSpacing=0 cellPadding=0 width=510 align=center border=0><TR><TD style="filter:chroma(color=#ffff66)"><div style="width:100%;filter:glow(color=#00ff00 strength=19);color:white"><FONT style=" FONT-FAMILY: 华文新魏; FONT-SIZE: 66pt;" color=#ffff66>

<b>我爱贴图</b>

</FONT></div></TD></TR></TABLE></div>

21.旋转的透明立方体：

<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 11pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 310px; WORD-WRAP: break-word" onload="this.style.overflowX=''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''auto'''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''';">

<DIV><SPAN pluginspage=http://www.macromedia.com/go/getflashplayer align=9 src=http://flash.picturetrail.com/pflicks/m_acrobatcube.swf width=400 height=460 type=application/x-shockwave-flash flashvars="img1=http://moonabc.16789.net/s-helpSite/domName/moonabc/20057155585798204.jpg

&img2=http://moonabc.16789.net/s-helpSite/domName/moonabc/20057147135767228.jpg

&img3=http://moonabc.16789.net/s-helpSite/domName/moonabc/20057155591899287.jpg

&img4=http://moonabc.16789.net/s-helpSite/domName/moonabc/20057155575133152.jpg

&img5=http://moonabc.16789.net/s-helpSite/domName/moonabc/20057155581585696.jpg

&img6=http://moonabc.16789.net/s-helpSite/domName/moonabc/20057147124294925.jpg

&faceopacity=80&backopacity=100&cubecroptofit=1&enlargecroptofit=0&test=1" wmode="transparent" loop="false" quality="high" bgcolor="#FFFFFF" ></EMBED></SPAN></DIV></DIV>

<DIV></DIV>

22.在透明FLASH上加字：

<DIV style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 530px; POSITION: relative; TOP: 0px; HEIGHT: 390px">

<DIV style="LEFT: -50px; POSITION: absolute; TOP: -50px"><EMBED src=http://homepage2.nifty.com/~kmid/flash/0406/sangosanran-c.swf width=630 height=480 type=application/octet-stream quality="high" wmode="transparent"> </EMBED></DIV>

<DIV style="LEFT: 80px; POSITION: absolute; 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: 40pt; FONT-FAMILY: 华文新魏" color=#ffff66><B>美丽的海底世界</B> </FONT></DIV></TD></TR></TBODY></TABLE></DIV>

<DIV style="LEFT: 0px; POSITION: absolute; 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>

评论这张

转发至微博

阅读(597)| 评论(2)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087067087080089069083081084066072087088068087087087066082086',
              blogTitle:'【博客*教程】博客音画常用代码集锦',
              blogAbstract:'    <P align=\"center\" \><WBR\><FONT size=\"3\" \><STRONG\> </STRONG\></FONT\><FONT size=\"3\" \><STRONG\>                          <FONT color=\"#ff0000\" size=\"5\" \>    博客音画常用代码集锦</FONT\></STRONG\></FONT\></P\>  <P align=\"left\" \><FONT size=\"3\" \><STRONG\>                                </STRONG\></FONT\><FONT color=\"#ff00ff\" size=\"3\" \><STRONG\>1、在边框背景里添加图片和隔断：</STRONG\></FONT\></P\>  <BLOCKQUOTE\>  <BLOCKQUOTE\>  <BLOCKQUOTE\>  <P style=\"TEXT-INDENT: 2em;\"  align=\"left\" \><FONT color=\"#00ccff\" size=\"3\" \></FONT\></P\></BLOCKQUOTE\></BLOCKQUOTE\></BLOCKQUOTE\>',
              blogTag:'',
              blogUrl:'blog/static/19731116020111012493196',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1321085343196,
              permalink:'blog/static/19731116020111012493196',
              commentCount:2,
              mainCommentCount:2,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'和阳光的人在一起,心里就不会晦暗,和快乐的人在一起,嘴角就常带微笑,和进取的人在一起,行动就不会落后,和大方的人在一起,处事就不小气,和睿智的人在一起,遇事就不迷茫,和聪明的人在一起,做事就变机敏。——借人之智,完善自己。学最好的别人,做最好的自己。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/19731116020111012493196">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

网易博客素材、教程、代码基地

导航

日志

【博客*教程】博客音画常用代码集锦

历史上的今天

最近读者

热度

评论

页脚