空间管理您的位置: 世界经理人管家 » 大学之道 » 日志

观察网站的两个面，体味中国的网络人生！

引用 HTML语言:网站链接、文字移动、插入背景、图片移动及特效、MP3和FLASH代码

上一篇 / 下一篇 2008-03-20 13:26:00 / 个人分类：技术

查看( 17 ) / 评论( 0 ) / 评分( 0 / 0 )

前言:编码过程难免会有错误和疏漏,还请各位高手指正!

a8P/f`N0世界经理人管家$s;p6?gb

第一节:网站链接专用代码

基本代码:世界经理人管家pOw,r"i'm1Fh

文字链接:世界经理人管家*HFsU6Cp^ rNK

^zI7OnF(U0图片链接:

Ch(TI X;Tg0<A href="链接地址" target=_blank><IMG src="图片地址" ></A>世界经理人管家"{w$yS)lW9].j

4?sW^K*}P$\0<A></A>是插入地址链接的标签对，单击插入在<A></A>标签对内的文字，图片，就可以链接进入指定的网页或链接地址．
<IMG src="图片地址"是插入显示链接的图片标签.
f0};VBJ[ D0href= 是<A>标签的属性，用于实现地址的链接．target=_blank为窗口弹出属性定义,不加此属性则为背负式链接.实例:
s^HBG5r0世界经理人管家X:S(tG fDP^E

1.网站链接用代码：

4r/V;PQ9Y4G-@/B01.背负式网站文字链接代码:

<A href="http://q.163.com/163.com/"><B><FONT color=#997166>阳光公园</FONT></B></A>世界经理人管家t3hOmoFN)D

5ZMGu5e;R0 世界经理人管家uDh&r:y

H"b,M;bq L0效果：

阳光公园

r%L(|@}*t/n4[o0　世界经理人管家s3R*X8kD.N

nI.i_b4e:t5F02.窗口弹出式网站文字链接代码:世界经理人管家&P}7Y+q6uh2`;N

1nVRS"n$U!Gf0效果：世界经理人管家.wO.h!Y@;y7I4h

阳光公园

　世界经理人管家?Y7G{@{f

3.背负式网站图片链接代码:

2@C+ty)j0<A href="http://q.163.com/163.com/">世界经理人管家O3Zh(@W3A&[$O
<IMG style="WIDTH: 89px; HEIGHT: 72px" height=70 src="http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg" width=28> </A>世界经理人管家uhYP~,B

x-N$U2`m {e3a0效果:世界经理人管家\zY.gs3Rd0^

2Ls"d9j k+p2e0

%]fb2U}J04.窗口弹出式网站图片链接代码:世界经理人管家 nX#J?O!D}S

<A href="http://q.163.com/163.com/" target=_blank>
r/u'V4G#y_ V`M0<IMG style="WIDTH: 89px; HEIGHT: 72px" height=70 src="http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg" width=28> </A>
效果：

]RAb4r0　

^WeT5?E%Z0　

5.文字加图片窗口弹了式链接代码:世界经理人管家gr1Lx;Yb

<A href="http://q.163.com/163.com/" target=_blank>
'W!EJD+m6Xz2w0点击图片<IMG style="WIDTH: 89px; HEIGHT: 72px" height=70 src="http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg" width=28>欣赏更多 </A>世界经理人管家+v:tw[.W

;f}_N%A(L^IOV0效果:

点击图片欣赏更多

　世界经理人管家 S%Vj_5M

2.论坛中进行网站链接专用代码:世界经理人管家#sD:q2x'r}C6a[

m7w9X,uwZ ~ Q_?0　

1.图片链接:

-HkV1Nho#A7|qg0[b][url=http://q.163.com/163.com/]点击[img]http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg[/img]欣赏更多[/url][/b] 世界经理人管家^)Z|*x-kV

　世界经理人管家U7i8a%b0N

b6@%w"_ZK$H02.文字链接:

[b]点击[url=http://q.163.com/163.com/]阳光杂志[/url]欣赏更多[/b]世界经理人管家7[%Ip+g)yE@4N

　世界经理人管家9rvP(H6vE}

_||9a0f03.字体颜色:

[b][color="#8000ff"]再换个颜色试试[/color][/b]

m/Lv8kd5aF F@9P0　世界经理人管家l*mSR3R"L.w$k

M)_&ZH&J2h04.字号:

y0i-G#MX {0[size=4]文字[/size]

世界经理人管家5]"OJS q:}Vl

世界经理人管家\'G gF W5XHJ

*[H8DM^BS*R0第二节:文字移动专用代码世界经理人管家:K]K-n5yZ(PL

3b}.J{ S'_h#@#Od l01.基本语法解释:

世界经理人管家O?(\p(|5y

1.基本语法[默认向左移动]:

<MARQUEE>要移动的文字</MARQUEE>

AS5M9KQXw.G {0效果:世界经理人管家5y4I:T e] I

要移动的文字

　世界经理人管家{U@_ ecwa

2.文字移动属性代码:

<MARQUEE style="WIDTH: 600px; HEIGHT: 200px" scrollAmount=1 direction=up align="center">要移动的文字</MARQUEE>世界经理人管家P+n+W Rh lDj-Z
世界经理人管家(P2Mxv8WXG1c

#pShM9IK6BS/Q_.X0效果:世界经理人管家!yj#L1^0CT

要移动的文字

%R*S&B2P9] b cw!xO,O'M03.语法解释:

Fi/x%H9G-b)D!}"@0style= 是<MARQUEE>标签的属性，用于设定滚动框的大小．

hlfC9Cd2G0WIDTH: 600px 是设定滚动框的宽度, HEIGHT: 280px 是设定滚动框的高度，世界经理人管家"q7G&_Lj-WwMm

8p5h(JU{ e.g0; 是二个参数之间的分隔符．

scrollAmount=1 是设定文本滚动的速度，单位是 pixel , 值越大，滚动的速度越快。世界经理人管家/A9u`e/Y

M Rn7Iic t0scrolldelay=100 是设定移动的时间延迟, 单位是千分之一秒，值越大, 移动的速度越慢．初学时可省略．世界经理人管家yc!T'Z~

U'pD jQf5O0behavior= 属性是设定文本滚动的方式。参数 scroll 会向同一方向移动, slide 会有类似滑动的效果, alternate 会往复移动。
世界经理人管家^yK,L2Ztu f
direction= 属性是设定文本滚动的方向。参数 up 是向上移动, down 是向下移动, left 是向左移动, right 是向右移动,
8yp^#Ep3F0世界经理人管家J*j[{z&G*[HO_

M*wf2X-gRMpch02.其它方式的文字移动举例说明:世界经理人管家CuGT'U

Yn-J7x.}0 世界经理人管家F$ATI1`TX0}*\

[1]文字行走的方向:

&}E:p0i&P0<marquee direction=left>文字从右向左移！</marquee>

kFAX!|"OG0 从右向左移！

<marquee direction=right>文字从左向右移！</marquee>

j8?.I'V_Z,i'O0 从左向右移！世界经理人管家6f;dqCqqiB

<marquee behavior=scroll>文字一圈一圈绕着走！</marquee>

文字一圈一圈绕着走！

7n#wMH7j7[5k0<marquee behavior=slide>文字只走一次就歇了！</marquee>

$UbJ7y^N6b0 文字只走一次就歇了！

,fwE:m8e L8_J2V6E0<marquee behavior=alternate>文字来回走！</marquee>

_8p-jShm+cH0 文字来回走！

[2]文字行走的次数:

xx'eF%[P wRN0<marquee loop=3 width=50% behavior=scroll>文字只走 3 趟哟！</marquee>

文字只走 3 趟哟！

[3]文字行走速度控制:

<marquee scrollamount=20>文字行走得好快！</marquee>

文字行走得好快！

8s$C'E$[&Oex0 世界经理人管家QGTQ*r

:XJl7UZ0Vj0rK$Z0[4]文字延时:世界经理人管家!i3}9f ~mC

Aznu1[9[%z(w0<marquee scrolldelay=500 scrollamount=100>文字走一步，停一停！</marquee>

啦啦啦，我走一步，停一停！

/LM3N%ppa3j|!t0 世界经理人管家X(Fe&BZ"A;@1y

[5]文字对齐方式:

世界经理人管家|s%S^$_#A]

<font size=6>
<marquee align=# width=400>文字移动上中下对齐</marquee>
</font>

@7@9SK O0

L3j"W$D:`o]*X0saNe/IJ f0

DQ\P&gW7^}5t?0

世界经理人管家,i4D"}4pV7Rr!R

世界经理人管家Tq5N(x7c(T0aPl

9gp k$Z _-Vb0

Qpz%M \a z0`PyoD0

对齐上沿: <MARQUEE width=400 align="top">文字对齐上沿</MARQUEE>世界经理人管家!B a4B|2h`'A @!K

文字对齐上沿世界经理人管家`0Sa\,r|1r]|

文字对齐中间:<MARQUEE width=400 align="middle">文字对齐中间</MARQUEE>

^SMb$kM4Q_0 文字对齐中间世界经理人管家!u JrouYF

对齐下沿: <MARQUEE width=400 align="bottom ">文字对齐中间</MARQUEE>

文字对齐下沿

[6]文字的底色设置:世界经理人管家#yM3MIvr(z

<marquee bgcolor=ff0000>文字在色彩中移动！</marquee> 世界经理人管家Y^t.V*z(P,Nn

文字在色彩中移动！

/^v;PfhnPV!w0底色面积设置:

<marquee height=40 width=50% bgcolor=aaeeaa>
J~r!n]M0文字底色的面积
</marquee>

1FX%K"J:Mu]}L0 文字底色的面积

j4czk7oM0pq*h!T0　世界经理人管家&K@%NP{iA

8p+q,G3AF"}0　世界经理人管家1^D*R6VR

第三节:多行文字移动代码

1.多行文字移动代码:世界经理人管家#|SJ#k:L4e3f

7T5u@$FX0<MARQUEE style="WIDTH: 380px; HEIGHT: 120px" scrollAmount=2 direction=up align="center"> 世界经理人管家4{ ND;P B4D!_
<P align=center><FONT color=#3af93a size=5>李白诗一首<BR><BR><BR>床前明月光,<BR><BR>疑是地上霜.<BR><BR><BR><P align=center><BR><BR><BR>举头望明月,<BR><BR>低头思故乡.<BR><BR></FONT></P></MARQUEE> 世界经理人管家*|2MA?+h3r
效果:

诗朗诵
l0GM R W-bM0
床前明月光,
疑是地上霜.
举头望明月,世界经理人管家DA_Kv^d
低头思故乡.世界经理人管家tb;YG5SLp
世界经理人管家8Bf_)?Sp.\
世界经理人管家aPt;]K(u1v

　世界经理人管家 qj,x:U-S

2.语法解释:世界经理人管家T$RXe)w8E6t

#Ec9U5WNkO0<B></B>为粗体代码.

$E:Ot E4rw9{0　

5^[-G&Ze0<P align=center>文字居中设置 .
文字居左align=left
?6\)f;U4V)po0文字居中 align=center
文字居右 align=right 世界经理人管家x Q&yA%X"d L
</P>本段落结束。

4Oa0}+W1v9A;aD0 <BR>为强制换行.在 <P></P>之间插入一个<BR>，相当于插入半个空行。世界经理人管家p{ax4Jl2J
世界经理人管家(z:_-rW6hu

.Lth o](`/I N0color=#3af93a文字色号.世界经理人管家0A*T5R,{P7i(^!R4G

T{'W vUzi4E0size=5为字体大小.世界经理人管家s~lF3f

eE(D)z o+n0<MARQUEE style="WIDTH: 380px; HEIGHT: 120px" scrollAmount=2 direction=up align="center">

设定文本滚动区。WIDTH: 380px 是滚动区的宽度。HEIGHT: 120px" 是滚动区的高度。世界经理人管家}k+lL`O
scrollAmount=2 是设定文本滚动的速度，值越大，滚动的越快。
'me#F%N7y[ F\0direction=up 设定文本滚动的方向。up 是向上滚动。世界经理人管家OREvqu*[&iC
align="center" 是居中显示。
Rij*D4v0NG)fyQgf8^0</MARQUEE>是设定的文本滚动区结束。世界经理人管家 c2SI X&_

　世界经理人管家)_iNvy6d

第四节:文字的特殊移动

PL^c}9Q[|%}$C0　

1.舞动的文字代码:
{ c5sE1fZ U0<MARQUEE scrollAmount=3 direction=down behavior=alternate height=70>
6[0A2k5v m2Y+p9k0<MARQUEE scrollAmount=2 behavior=alternate width=622>舞动的文字代码</MARQUEE>
~$s1E;U0vl+cOND0</MARQUEE>世界经理人管家R#k``,sWf8Y

效果:

舞动的文字代码

*?0b'Ok;K!U_0　

2.文字下,上,下移动代码:世界经理人管家H:J3hkTE~

cj5] S:_WU0<MARQUEE scrollAmount=1 direction=down behavior=alternate width=622 height=470>世界经理人管家3mYB3[3}7d-PqH
<STRONG><FONT color=#ff00ff size=4>下上下文字代码</FONT></STRONG></MARQUEE>

r`xf/vuM(m n|a0效果:世界经理人管家 Cd6f#P mzks|

下上下文字代码

i_e,CO2jQc03.上下上文字代码:

DEZD+la/Zj0<MARQUEE scrollAmount=1 direction=up behavior=alternate width=622 height=170>世界经理人管家 wG3I8qs/o&V
<STRONG><FONT color=#ff00ff size=4>上下上文字代码</FONT></STRONG></MARQUEE>

]T bD&`8~0效果:

上下上文字代码

第五节：插入背景及插入背景文字

1.基本代码：世界经理人管家PT u%AJ'~({

<TABLE style="WIDTH: 200px; HEIGHT:220px" align=center cellSpacing=30 background=http://blog.163.com/photo/gA3wKPwCIlKITty3BmJadA==/5143673724410573123.jpg>世界经理人管家 XF(i8r'x/K|
<TBODY>
c8kS-Zl8qMo9v0<TR>世界经理人管家VWCwa
<TD>世界经理人管家sj+YZoB
<P>世界经理人管家X#r Y-Rf[S
<FONT color=#3af93a size=5>要插入的文字:<BR><BR><A href="http://q.163.com/163.com/" target=_blank><FONT color=#997166>点击进入阳光公园</FONT></A><BR><BR>插入文字结束
T R"z?.IlU&nL(a q.C0
^$\na1]*d,[RQ0</FONT>
o E i+j)Xgb ]-j0</P>世界经理人管家#Z,{tG{/f VC
</TD>
7K pv&}]gu0</TR>
H4JN4{,Dg0</TBODY>
`0w^6Xgm3cZ8q0</TABLE>

效果:

l3[1t&bP i[0　

要插入的文字:
世界经理人管家7th} r2U&L S(B/d
点击进入阳光公园世界经理人管家a$^4S(uY5pvX

插入文字结束处

$HpFL&J;S#B4rO s0说明：<TABLE></TABLE>标签对，是定义表格，插入背景图的语句。世界经理人管家b"T2id[ N[ XA
<TABLE style="WIDTH: 600px; HEIGHT:520px" align=center cellSpacing=30 background=http://bbs.muwen.com/fileuploaddir/4B26185301.5.gif>
[ UT&q!G'dG;?0此行代码是背景（表格）设定，<TABLE>（定义开始）要放在全文的最前面，世界经理人管家UjYs-[{
</TABLE>（定义结束）要放在全文的最后面，才能使整个帖子成为一体。世界经理人管家.B7ul!{c/G
style= 是 <TABLE> 标签的属性设定。
4?_"Z7}#X1Koq0"WIDTH: 600px; HEIGHT:520px"是设定的背景（表格）的宽度和高度。
(G/S"ty0p0; 是两个参数之间的分隔符。
:?s&S4z*G$yKi&{+A0在一个语句中，每两个参数之间，要用英文的一个空格作为分隔符。
!NbD8B/R.mLHM$~0align=center 是设定属性参数，背景（表格）居中排列。
*l4^8l2FIc(n;}Z0cellSpacing=30 属性参数是设定内框线宽度，单位是 px(pixel)。
M y1B4W-vD"css0background= 属性参数是设定插入背景图片的地址。
4~czV1SW(uA1S0http://bbs.muwen.com/fileuploaddir/4B26164934.3.gif 是一张背景图片的网上地址。世界经理人管家*e8@9~p-FW2HV
<TBODY> 定义表格</TBODY>定义表格结束。
li3i:A-HaBumP0<TR> 定义列 </TR> 定义列结束。
@9b'i!rvgEBUJb0<TD> 定义行 </TD> 定义行结束。
@qBU&I0<P align=center> 段落(换行)，可包括3种选项：
V!R6G.i'i4u0<P>默认居左或 <P align=left>世界经理人管家i _,W1J'~5B$\
居中 <P align=center>世界经理人管家y6F:Z3{1W
居右 <P align=right>世界经理人管家Ig7lDDNu.[
</P>本段落结束。世界经理人管家;Uuv`ow,^
<FONT color=#3af93a size=5>
<FONT></FONT>是设定字体，字色和字号的标签对。
`xH@aX&T)m.NE0color= 属性参数是设定字色。
字色的值是在#000000至#ffffff(16进位)之间。
前两位代表红色，中间两位代表绿色，后两位代表蓝色。可按自已的喜好组合。世界经理人管家A#{{?P#{L
size= 属性参数是设定字号。
-^'fXY| BC*w1u$l0
l q5i%Zo0<BR>是强制换行，无格式要求。
2O5VVV r)Z^ ?0在 <P></P>之间插入一个<BR>，相当于插入半个空行。

|2z,N#D/}7A_0
0C&Y7H8?}%r-o+h0　世界经理人管家lm'sBh|

2.背景文字移动代码:

将第三节.1中的代码原封不动放到背景的文字部分,代码:
*W0` I&@9[3js.V$Pa0 <TABLE style="WIDTH: 200px; HEIGHT:220px" align=center cellSpacing=30 background=http://blog.163.com/photo/gA3wKPwCIlKITty3BmJadA==/5143673724410573123.jpg>
j+Lib _IWg0<TBODY>
FKB'}2l-g0<TR>
:P V'N8T/_u4u@:b0<TD>

<MARQUEE style="WIDTH: 200px; HEIGHT: 120px" scrollAmount=2 direction=up align="center"> 世界经理人管家$x|/?Y#IV
<P align=center><FONT color=#3af93a size=5>李白诗一首<BR><BR><BR>床前明月光,<BR><BR>疑是地上霜.<BR><BR><BR><P align=center><BR><BR><BR>举头望明月,<BR><BR>低头思故乡.<BR><BR></FONT></P></MARQUEE> 世界经理人管家-Q&j?*g@$P

#HzSCAp%~0</TD>
sm+rm]0XRTt0</TR>
</TBODY>世界经理人管家.}?"Mn,RgU,g
</TABLE>

效果:

李白诗一首
L]4k/u]h(Fm t0世界经理人管家v f9Nc.]s'f
世界经理人管家9P A+l)k/CeI
床前明月光,
(Su6c)h(QY:x0
.P$]h+~a DY#u,bF0疑是地上霜.世界经理人管家7wVa5`!\p$E$E
世界经理人管家,QiTclz
世界经理人管家 ^ZS8J cr0m

世界经理人管家 B3@ m2Xnh
世界经理人管家beFk3\4b^6x(r

-S"\"b&B_#OV0举头望明月,
oK']Q`:Lr0世界经理人管家k6iq["xZr
低头思故乡.
5r5BlS(l/o0
|YSgZ0

世界经理人管家u9M#M3bw-d i

CC*b(?&Js4D3c0

@(}X ic}0

世界经理人管家 |pu&KI\

世界经理人管家#@y;_,@cW'er(o

2T;A;D}6W Z/S0世界经理人管家G)c;Mj1sh;]#x

8WB-R5Y%Md0

世界经理人管家L"f~Y#A$G

世界经理人管家/\o D]+rl3E~4P

　世界经理人管家I4JE6TA[+OL

/V)i-K9wD mb0　世界经理人管家3G-r%i%z'I Ma

4Pc2KzF+]|0第六节：图片移动代码世界经理人管家{'Mi9MD

+QXFvs_ k)Td01.图片基本代码:

<IMG height=400 src="图片地址" width=500>

图片设定的属性: height=400 是设定图片的高度，width=500 是设定图片的宽度．
下面给出一个完整代码:

$V @[O _J's#K2e0<IMG height=400 src="http://blog.163.com/photo/uioqMxK-gEG-JMTG1nSGmg==/3112831767443229649.jpg" width=500>世界经理人管家.kZ@7D(kdG X

效果:

;fvXi~^0世界经理人管家y\jD)~d"Z

o~\kVXR02.图片的移动:

]KwPsdQ/t$b@0图片的移动可参照文字移动代码,在此只把第四节中的文字上下上代码中的文字换成图片代码,并加入圈子阳光公园的链接,其它方式不再赘述:

0~+?&l'WZs#K0<MARQUEE scrollAmount=1 direction=up behavior=alternate width=622 height=170>
/`qe G7ii8I0<A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG width=310 height=118 src="http://image.bulo.163.com/groupfile/906/-0-Auphoto">进入我的圈子 </A> 世界经理人管家Tc_V"|/mH't&A
</MARQUEE>

ii7nh|9yRF0效果:世界经理人管家V1OrV vY$~

,A(pm$Fr0 点击图片进入我的圈子

MER}2BkEx_03.多张图片的移动:

,d'k0z a(D'^0在此只举自右向左移动一例,其它参照多行文字的移动代码即可.

[1]图片左右排列自左向右移动:

H$i(JB:~s9oc0<MARQUEE style="WIDTH: 673px; HEIGHT: 126px"><A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG height=118 src="http://image.bulo.163.com/groupfile/906/-0-Auphoto" width=310>进入我的圈子 </A>     <A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG height=118 src="http://blog.163.com/photo/ORAMO0qbHX8rXGf88hEXmQ==/920986123797271650.jpg" width=310>进入我的圈子 </A>     <A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG height=118 src="http://blog.163.com/photo/ikyyGghfoxr7VPe58IGD6Q==/3174474787342787290.jpg" width=310>进入我的圈子 </A></MARQUEE>

图片与图片之之间用空格代码 分隔开来. 世界经理人管家%ZfvP`e/rp

效果:世界经理人管家M)?Yh x

:l2m\/G7D6RM0　

点击图片

进入我的圈子点击图片

进入我的圈子点击图片

进入我的圈子

世界经理人管家^)z l+aPbY

Ms%\,iz0[2]图片上下排列自上而下移动的代码:

-u*U@7J!l6a@0<MARQUEE style="WIDTH: 673px; HEIGHT: 126px" direction=down><P align=center><A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG height=118 src="http://image.bulo.163.com/groupfile/906/-0-Auphoto" width=310>进入我的圈子 </A> <BR><BR> <A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG height=118 src="http://blog.163.com/photo/ORAMO0qbHX8rXGf88hEXmQ==/920986123797271650.jpg" width=310>进入我的圈子 </A> <BR><BR><A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG height=118 src="http://blog.163.com/photo/ikyyGghfoxr7VPe58IGD6Q==/3174474787342787290.jpg" width=310>进入我的圈子 </A></P></MARQUEE>

效果:

X3O0Ec#k w$i.t0

　世界经理人管家Hl sb-z)Z

点击图片进入我的圈子
?/z%CT8i+Bd0
2Af5d;I#]Y K]V0点击图片进入我的圈子
-P*w(x)` tY)mF0
rCUp'[0o\0点击图片进入我的圈子

Uaja!yFo7WR0　

4.背景图片的特效处理:世界经理人管家[#Vr/aYk)^.qX

[1]圆形朦胧代码:

l(x^4`xW1v ~G6@$^0<TABLE style="FILTER: Alpha(opacity=100,style=2)" height=202 cellSpacing=0 cellPadding=0 width=410 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
<TBODY>
1I3b%p"zcd#?I$e1y0<TR>
I@"T.B9L?0N/[ w0<TD>              <A href="http://q.163.com/163.com/"><B><FONT color=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

2x!wL(E1`VUq&z0效果:

阳光公园

[2]方形朦胧代码:世界经理人管家5B8vZjPq2S

$I9sR[|$@)C'D.W;_ p0<TABLE style="FILTER: Alpha(opacity=100,style=3)" height=312 width=410 cellSpacing=0 cellPadding=0 width="100%" align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>世界经理人管家6r.I/K.dE
<TBODY>世界经理人管家^$fz3cM7bA
<TR>世界经理人管家R`#w;@ P$m
<TD>              <A href="http://q.163.com/163.com/"><B><FONT color=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

效果:

^iJ;a Gr6S0　世界经理人管家&@D_ my

阳光公园

　世界经理人管家NUg:WpM;e

[3]过滤镜代码世界经理人管家 Z+Z]V RUpy

<TABLE style="FILTER: blur(strength=100)" width=410 height=212 cellSpacing=0 cellPadding=0 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
K6k)U4k } N5rz3X0<TBODY>世界经理人管家'R8L5B$b\U
<TR>世界经理人管家7G2f1tc[
<TD>              <A href="http://q.163.com/163.com/"><B><FONT color=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

"D4Dof.AF3pU0效果:

阳光公园

s|;D7b5f%y0[4]黑白过滤代码:

<TABLE style="filter:gray" width=410 height=212 cellSpacing=0 cellPadding=0 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>世界经理人管家n0o&{J:m\DP
<TBODY>
{n7^ `|i,Am3S0<TR>
,?1f)Y wHx0<TD>              <A href="http://q.163.com/163.com/"><B><FONT color=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>

效果:世界经理人管家7iO,gX7Q\(I

阳光公园

)ZvhI}Ws0[5]加色过滤代码:世界经理人管家'qoA8@s Pj_

jZ)m LBDHt0<TABLE style="filter:invert" width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
e1Z/N:S$?f_7H0<TBODY>
&m%aP#X7W0<TR>
8GI4cygs3n+y0<TD>              <A href="http://q.163.com/163.com/"><B><FONT color=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>世界经理人管家p2{MR ]"pzS%`

8Wr8ib Aw0效果:世界经理人管家$}9c.NE$z*I nH

阳光公园

!`@"Y4vMjq0[6]白色过滤代码:世界经理人管家m,R%H*Yi6hOp

<TABLE style="FILTER: xray" height=312 cellSpacing=0 cellPadding=0 width=410 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
<TBODY>
Fd#W)jr[8zU6K0<TR>
<TD>              <A href="http://q.163.com/163.com/"><B><FONT color=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>世界经理人管家v&`8E|Z:u\

0]&{9a(Z3@f6uam0效果:世界经理人管家Bv Bf"P.N

阳光公园

[7]走形代码:世界经理人管家L+J@(Nn wE }U

s7Y[mb\0<TABLE style="filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)" width=410 height=312 cellSpacing=0 cellPadding=0 align=center background=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>
J9r'A;X l Kq!J}0<TBODY>
+^.p1Wf A+B0<TR>
e}B}/[0<TD>              <A href="http://q.163.com/163.com/"><B><FONT color=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>世界经理人管家CL6_1Y3T6v

效果:

阳光公园

[8]倒影代码:

(y%b`#~'Pe%@^z0<P align=center>世界经理人管家}a4{$w"vmU9d$h
<TABLE style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg"><TBODY>
:J9[vU aE3r1s)?(uE)y0<TR>
fKru+Nur8~_0<TD>              <A href="http://q.163.com/163.com/"><B><FONT color=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>
G&Ke!};f mi0<TABLE style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg"> <TBODY>世界经理人管家sqo"n7BF(g?#F
<TR>
k|B:M E5s F0iJU0<TD>              <A href="http://q.163.com/163.com/"><B><FONT color=#ff0066 size=7>阳光公园</FONT></B></A></TD></TR></TBODY></TABLE>世界经理人管家 R6Q5S0zy A

效果:

阳光公园

c as'EL0不做背景图片时,可使用下列代码:

效果:

{\@.r u[G^0　

3U I7N'tV\vP)S0　

世界经理人管家1d'XS} h&B

[9]以上各代码在不做背景图片的情况下可以采用<IMG代码形式,下面的代码就是从[7]演化而来,其它各代码可同理演化:

<P align=center>世界经理人管家},e:qP b"`q.s9e

<IMG style="filter:wave(add=add,freq=2,lightstrength=50,phase=45,strength=10)" width=410 height=312 cellSpacing=0 cellPadding=0 align=center src=http://www.blog.163.com/photo/p1RbsByOR_2j5zxKWqrwBA==/920986123797271649.jpg border=0>世界经理人管家Xz8q{.FU

效果:

世界经理人管家 f.h;f5W8Us!wU{

_8E W]rl4Gd!s$tm^n0　

6.背景插入图片代码:

N r;R.k1D BgE0代码示例1:

-Zs+k2e&f0<TABLE style="WIDTH: 685px; HEIGHT: 401px" cellSpacing=10 align=center background=http://blog.163.com/photo/gA3wKPwCIlKITty3BmJadA==/5143673724410573123.jpg>
e(ao(}Dv0<TBODY>世界经理人管家$w A6J]#jt)L#|
<TR>世界经理人管家 X(lITB3V
<TD><MARQUEE style="WIDTH: 673px; HEIGHT: 326px" direction=down><P align=center><A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG height=118 src="http://image.bulo.163.com/groupfile/906/-0-Auphoto" width=310>进入我的圈子 </A> <BR><BR> <A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG height=118 src="http://blog.163.com/photo/ORAMO0qbHX8rXGf88hEXmQ==/920986123797271650.jpg" width=310>进入我的圈子 </A> <BR><BR><A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG height=118 src="http://blog.163.com/photo/ikyyGghfoxr7VPe58IGD6Q==/3174474787342787290.jpg" width=310>进入我的圈子 </A></P></MARQUEE>世界经理人管家weeB4eg F:N
</TD></TR></TBODY></TABLE>世界经理人管家M5Z)s/Hu&D+|U,D

效果:

点击图片进入我的圈子世界经理人管家o7~'I;v/K5D
世界经理人管家X-Y9D:K+}J
点击图片进入我的圈子
.}!Qk7Z T"FA0
,wkH4`oY6_{1c4c0点击图片进入我的圈子世界经理人管家,e%rt;M"Tpo4Z2j

+a*AjOjf/y0　

代码示例2:世界经理人管家gI V6JOXC X'B

v[(FC7D4Q0v0<TABLE style="WIDTH: 685px; HEIGHT: 401px" cellSpacing=10 align=center background=http://blog.163.com/photo/gA3wKPwCIlKITty3BmJadA==/5143673724410573123.jpg>世界经理人管家%ys3]&o,K d
<TBODY>世界经理人管家I@d`d,i
<TR>
<TD>世界经理人管家r8aeZ8B#u-[0L
<MARQUEE style="WIDTH: 618px; HEIGHT: 344px" scrollAmount=1 direction=up behavior=alternate>
<P align=center><A href="http://q.163.com/163.com/" target=_blank>点击图片 <IMG style="WIDTH: 318px; HEIGHT: 99px" src="http://image.bulo.163.com/groupfile/906/-0-Auphoto" width=310>进入我的圈子 </A></P></MARQUEE></TD></TR></TBODY></TABLE>世界经理人管家9ZU/WO&M

O&R|-Q,Z0世界经理人管家|X4Q:bsB

{euK.^+|-v0世界经理人管家w2N{ k5b%_B.o

效果:

世界经理人管家EQ/gfE||!_

点击图片进入我的圈子
;?Uexu:{$AY0世界经理人管家@0|V'e5~|f

!c,NMVU;o#j0

世界经理人管家,q.]tt9Q'V5O-P

1d,r^;bd6y4W0h4w0

Eg'\\ ^I4LW0　世界经理人管家B.}J.@)O

*z-tkGw1W,]0　世界经理人管家/Jn:c OF c

第七节：影音播放器代码世界经理人管家/kZ}P1]"M

基本代码:

8YNan2X0<EMBED src=http://www.wenyi.com/art/MUSIC/MUSIC/gongxian/eqyy.mp3 世界经理人管家N'{~O Sx+d

:`2@)hA A@F0width=280 height=40 type=audio/mpeg autostart="-1" loop="true"></EMBED>

'D4bd7yl!]0

0f F:dB6k`Y3?Us0语法解释:世界经理人管家_ D]wPi0]1dR

<EMBED src=音乐网址。
1n4k)u[5A*M.\(z,R/H5s0插入音乐的播放器，音乐可用你喜欢的歌曲网址替换。世界经理人管家P$s9SD]*P
width=280 height=40 是设定播放器的宽度和高度。世界经理人管家*B lg D:\a%F
将播放器的宽度和高度值均设定为 0 ，即：width=0 height=0 便把播放器隐藏了，在帖子中就看不到播放器了。
3^ m&W|+oS d`w0type=audio/mpeg 是设定音乐为 mp3 格式。世界经理人管家/ng4Pf!`-Lb1P
type=audio/x-ms-wma 是设定音乐为 wma 格式。
]r[o/L5@x0现在只支持这两种格式，要根据你使用的音乐格式正确设定。世界经理人管家i5~/H.TM0}:r-_R
loop="true" 是设定音乐循环播放，可填入数字设定播放次数.autostart="-1" 是设定音乐播放器自动播放，autostart="0" 是不自动播放。世界经理人管家9YB&r?U.D
loop="-1" 是设定音乐循环播放，可填入数字设定播放次数。世界经理人管家fI:s4cb
</EMBED>　是音乐设定结束。世界经理人管家6Z b ckd!xY.O^

]Z,k'F~g01.MP3播放器代码:

[1]红色播放器代码:世界经理人管家(I#CNL|6qRf}

SP\xKr7`0<TABLE style="FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ffffff; FONT-STYLE. normal; FONT-FAMILY: Tahoma, Verdana; FONT-VARIANT: normal" cellSpacing=0 cellPadding=0 width=140 border=0>
BnX*^)Z~G:Q0<TBODY>
<TR>世界经理人管家vn5{4Wh:K
<TD style="BACKGROUND-COLOR: red"><EMBED style="FILTER: invert alpha(opacity=50) WIDTH: 140px; HEIGHT: 45px" src=歌曲地址 type=video/x-ms-asf autostart="FALSE" loop="-1" volume="0"></EMBED></TD></TR></TBODY></TABLE>世界经理人管家n.b8O9So

r)i'x9W-k(b8?0效果:世界经理人管家k%X C&r.E{&k W$_

H`V&J*Sy.g+v~Z.q0世界经理人管家5W3S/p;XI {

A r:j3P$_{0

9Jx \(sVX*m0　

&ERr-x4SD0M(R0[2]黑色播放器代码:

<EMBED style="FILTER: invert alpha(opacity=50) WIDTH: 140px; HEIGHT: 45px" src=歌曲地址 type=video/x-ms-asf autostart="FALSE" loop="-1" volume="0"></EMBED>

效果:

.v(z8L+B:U6?q0　

_S&I1CFSi(_0[3]乳白色MP3播放器代码:

K+|bYD| L'k/Q0<EMBED src=http://www2.ccmove.com/download_010/378/1891426/%C4%F1%C3%F9%A3%A8%D4%C3%B6%F9%B6%AF%CC%FD%A3%A9.mp3 width=280 height=40 type=audio/mpeg autostart="0" loop="-1"></EMBED>

效果:世界经理人管家l/@*PK r$?

　世界经理人管家+bf ^0^m(lw

[4]透明播放器代码:

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px">世界经理人管家Wy {r%W,}l7p
<TBODY>
c2vv.s\0h] s0<TR>
1X z;A#qm$]z3U0<TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=歌曲地址 width=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>世界经理人管家7T'`Tx$l"do

效果世界经理人管家_B6yI!gm@

　世界经理人管家b.a8q$\G l`7A

&sUH+qg:b}0　

^3uZ2g {(C+f0第八节节:FLASH代码

0vd3f)w:c"U2E!N0　

1.基本代码: 世界经理人管家-R p`,wzf4W8z

]#}!Bf/DGp0　

2.FLASH的叠加代码:

<CENTER><TABLE style="WIDTH: 280px; HEIGHT: 222px" cellSpacing=8 cellPadding=1 width=280 align=center background=http://www.cn898.net/bg/x/1/back_78.gif border=1 table>
d^8Tz'a@W0<TBODY>世界经理人管家k*k O6an$mM
<TR>世界经理人管家V(N$dtZ
<TD><EMBED align=right src=http://www.5blogs.com/rss/3_.swf width=280 height=170 type=application/octet-stream wmode="transparent" quality="high" ><EMBED align=right src=http://imgfree.21cn.com/free/flash/162.swf width=280 height=170 type=application/octet-stream quality="high" wmode="transparent" ></TD></TR></TBODY></TABLE></CENTER>

)z4|#Y4Y)tC3tw0效果:世界经理人管家:xWL`-~Sn

　世界经理人管家rcfpnN7Q

　世界经理人管家I-BD OlS