圖片特效、FLASH、3D相冊代碼

paf 2014-11-05

展開全文

一、圖片代碼基礎(chǔ)

1.基本代碼

<img src=圖片網(wǎng)址 width=圖片寬度 height=圖片高度>

新代碼：<IMG style="DISPLAY: block; TEXT-ALIGN: center" src="http://img.bimg.126.net/photo/UrLPZXvym9HfHqv7udi_iw==/2583658811228504109.jpg*p+)" border=0>

2、用圖片鏈接代碼(1)：

<A href="鏈接的網(wǎng)址" target=_blank><IMG src="圖片地址>" border=0></A>

用圖片鏈接代碼(2)：

<A href= "http://ysh6766.blog.163.com/>" target=_blank><IMG height=400 alt="

點(diǎn)擊圖片即可進(jìn)入夢中人夢工場"

src="http://img.blog.163.com/photo/NRNeXIWj1oqgUXvnbX0BgA

==/615022824112846647.jpg" width=300> </A>

3、直接在圖片上寫文字：

4、大圖片上加小圖片

5、.給圖片加邊框

1)、單線框

　　<img src="圖片地址" style="border:5 solid #ffCCCC">

　　2)、雙線框

　　<img src="圖片地址" style=" border:7 double #666FF">

　　3)、虛線框

　　<img src="圖片地址" style=" border:3 dashed #990000">

　　4)、凸出框：

　　<img src="圖片地址" style="border:10 outset #CCCCFF">

　　5)、嵌入框：

　　<img src="圖片地址" style="border:15 inset #ff9900">

　　6)、脊?fàn)羁颍?/strong>

　　<img src="圖片地址" style="border:15 ridge #33FF66">

　　7)、凹槽框

　　<img src="圖片地址" style="border:15 groove #CC6666">

　　8)、粒狀陰影框

　　<img src="圖片地址" style="filter:progid:DXImageTransform.Microsoft.Glow(color=#ccFF66,strength=30">

9)可以調(diào)節(jié)寬度和高度的邊框代碼

<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><tr>

<td><img src=圖片網(wǎng)址 width=600 height=407></td></tr></table>

說明：

border="6" 表格邊框的厚度

cellspacing="2" 表格格線的厚度

cellPadding=1　表格格線內(nèi)厚度

borderColor=#841A00　邊框色彩

注解：

     width="400" 表格寬度，接受絕對值（如 80）及相對值（如 80%）。
     border="1" 表格邊框的厚度。
     cellspacing="2" 表格格線的厚度
     align="CENTER" 表格的擺放位置（水平），可選值為： left, right, center
     valign="TOP". 表格里內(nèi)容的對齊方式（垂直），可選值為： top, middle, bottom。
     background="myweb.gif" 表格的背景圖片，與 bgcolor 不要同用。
     bgcolor="#0000FF" 表格的底色，與 background 不要同用
     bordercolor="#CF0000" 表格邊框顏色
     bordercolorlight="#00FF00" 表格邊框向光部分的顏色
     bordercolordark="#00FFFF" 表格邊框背光部分的顏色，

      使用 bordercolorlight 或 bordercolordark 時 bordercolor 將會失效。
      cols="2" 表格欄位數(shù)目，只是讓瀏覽器在下載表格時先畫出整個表格而已。

<table cellpadding=參數(shù)>...</table>指定內(nèi)容與網(wǎng)格線之間的間距(使用數(shù)字)

<table cellspacing=參數(shù)>...</table>指定網(wǎng)格線與網(wǎng)格線之間的距離(使用數(shù)字)

<table cols=參數(shù)>...</table>指定表格的欄數(shù)

<table frame=參數(shù)>...</table>設(shè)定表格外框線的顯示方式

<table width=寬度>...</table>指定表格的寬度大小(使用數(shù)字)

<table height=高度>...</table>指定表格的高度大小(使用數(shù)字)

<td colspan=參數(shù)>...</td>指定儲存格合并欄的欄數(shù)(使用數(shù)字)

<td rowspan=參數(shù)>...</td>指定儲存格合并列的列數(shù)(使用數(shù)字)

<!>分割窗口

<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調(diào)整

<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調(diào)整

<frameset cols="20%,*">分割左右兩個框架

<frameset cols="20%,*,20%">分割左中右三個框架

<分割上下兩個框架

<frameset rows="20%,*,20%">分割上中下三個框架

6、留言貼圖片

<P align=center><A href="http://ysh6766.blog.163.com>" target=_blank>

<IMG alt=夢中人拜訪朋友 size="4">src="圖片地址+"></A></P>　

7、文章的左側(cè)貼圖片

<P align=center><IMG height=200 hspace=50

src="http://img.bimg.126.net/photo/04rYa6gZB84y8m0xpU0-gw

==/2327235107444348335.jpg" width=150 align=left border=0></P>

<P><FONT color=#e10900>你的文章內(nèi)容</FONT></P>

8、文章的右側(cè)貼圖片

<P align=center><IMG height=200 hspace=100

src="http://img.bimg.126.net/photo/04rYa6gZB84y8m0xpU0-gw

==/2327235107444348335.jpg" width=150 align=right border=0></P>
     <P><FONT color=#e10900>你的文章內(nèi)容</FONT></P>

9、圖片并列排版代碼：
<DIV align=center>

<IMG src="圖片地址"><IMG src="圖片地址">

<IMG src="圖片地址"><IMG src="圖片地址"></DIV>

10、圖片朦朧效果

A.圓形效果

代碼：　

<IMG src="圖片" width=500 height=375 style="filter:Alpha(opacity=100,style=2);">

B.方形效果

代碼：

<IMG src="圖片" style="FILTER: Alpha(opacity=200,style=3)"

width=500 height=375>

C.橢圓效果

代碼：　

<IMG src="圖片" style="filter:Alpha(opacity=100,finishO

pacity=0,style=2)" width=500 height=375>

D. 右側(cè)羽化效果

<IMG src="圖片地址" style="filter=alpha(opacity=100,style=1,finishopacity=0)" width=500 height=375>

        E. 風(fēng)狀羽化效果

<IMG src="http://img.blog.163.com/photo/1v3gePBXMSGLBSqZtdi52A==/3952753097948309555.jpg" style="filter:blur(direction=135,strength=100)" width=500 height=375>

       F.最新代碼<IMG style="FILTER: alpha(opacity=100,style=2)" src="圖片地址" width=500 TYPE="image">

11、更為適用小圖片200X200的朦朧圖片代碼

<TABLE align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,style=2)" width=200 background=http://img.blog.163.com/photo/xPtjg97_UVzJFz72NNGF7w==/4806748177288317599.jpg height=200></TD></TR></TBODY></TABLE>

其中：opacity:開始處的透明度，finishOpacity:結(jié)束處的透明度；

       style:0,平均透明 1,線狀透明 2,圓形透明 3,菱形透明。

12、日志中插入背景圖片代碼：

       <TABLE align=center background="背景圖" border=0 cellPadding=0

     cellSpacing=0 border Color=#ffff00 width="100%"><TBODY><TR>

     <TD> 內(nèi)容，文字或圖片..... </TD></TR></TBODY></TABLE>

13、圖片的翻轉(zhuǎn)代碼:

(1)左右翻轉(zhuǎn)：<img src="圖片地址" style="filter:FlipH">

<div style="filter:FlipH ;width:寬;height:高"><img src="圖片地址"></div>

代碼實(shí)例：<div align=center><img

src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><div

style="filter:FlipH ;width:400;height:300"><img

src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"></div>

(2)上下翻轉(zhuǎn)：<img src="圖片地址" style="filter:FlipV">

<div style="filter:FlipV ;width:寬

;height:高"><img src="圖片地址"></div>

代碼實(shí)例：<div align=center><img

src="http://img.blog.163.com/photo/OKoDJUsnieC-

_htRVI6pyg==/5635973458677635647.jpg"">

<div style="filter:FlipV ;width:400;height:313"><img

src="http://img.blog.163.com/photo/OKoDJUsnieC-_htRVI6pyg

==/5635973458677635647.jpg">

</div>

（3）色彩反轉(zhuǎn)： <center><img src="圖片網(wǎng)址" style="filter:invert"></center>

   14、水波效果：（風(fēng)吹）

<center>

<img src="圖片網(wǎng)址" style="filter:wave(freq=11, strength=4, phase=6, lightstrength=10)"></center>

15、.倒影效果

<font style="width:533;height:399">

<img src="圖片地址"><font style="width:533;height:399;filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()"><img src="圖片地址"></font>

16、圖片水中倒影代碼

<P><IMG src="圖片地址" width="240" height="180"><BR><IMG id="reflection" src="圖片地址" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()" width="240" height="180"></P>

17、波形效果代碼

<div style="filter:Wave(freq=7,strength=9,lightstrength=5,phase=5);width:濾鏡寬;height:濾鏡高" align=center><br><img src="圖片地址"></div>

【代碼說明】
(freq頻率(>0)strength振幅強(qiáng)度(>0)lightstrength波峰強(qiáng)度(0~100愈高越黑)phase起始相位(0~100),濾鏡寬=圖寬＋振幅強(qiáng)度×2，濾鏡高=圖高＋振幅強(qiáng)度×2＋10)



       18、圖片透明代碼

1）、<img src="圖片地址" style="filter:Alpha(opacity=100,finishOpacity=0,style=0)">

2）、<div style="filter:Alpha(opacity=100,finishOpacity=0,style=0) ;width:寬;height:高"><img src="圖片地址"></div>

【代碼說明】涉及到的屬性:修改數(shù)值對應(yīng)即可

opacity:開始處的透明度

finishOpacity:結(jié)束處的透明度

style:0,平均透明 1,線狀透明 2,圓形透明 3,菱形透明

       19、X光效果代碼

1）<img src="圖片地址" style="filter:Xray">

2）<div style="filter:Xray ;width:寬;height:高"><img src="圖片地址"></div>

20、圖片的平鋪（無縫連接）

<P align=center><IMG src="注：width=105可以調(diào)整
效果：

二、圖片移動代碼

1.向左移動代碼:

<marquee scrollamount=1 scrolldelay=3 valign=middle behavior="scroll">

<img border="0" src="

http://img.bimg.126.net/photo/uru9ytC86wKpeUsqtG2JdA

==/2012264608505334824.jpg"width=220 height=280>

<img border="0" src="

http://img.bimg.126.net/photo/Pel3OoE6weQoTBYoI-ShOw

==/4587760645407682725.jpg"width=220 height=280>

<img border="0" src="

http://img.bimg.126.net/photo/Pel3OoE6weQoTBYoI-ShOw

==/4587760645407682725.jpg"width=220 height=280>

</marquee>

注：這里增加了寬和高的控制代碼，width=220 height=280

2、向右移動

<marquee direction=right> <img border="0"src="

http://img.bimg.126.net/photo/ch6UGzaL0wSdp6e4anBZwA

==/4835740099889524772.jpg">

<img border="0"src="

http://img.bimg.126.net/photo/Pel3OoE6weQoTBYoI-ShOw

==/4587760645407682725.jpg "> </font></marquee>

3、向下移動：

<marquee direction=down scrollamount=5><center>

<font color=0000ff size=5 face=華文行楷><b>向下移動</b></font><br>

<img src=

"http://img.bimg.126.net/photo/ch6UGzaL0wSdp6e4anBZwA

==/4835740099889524772.jpg" width=90 height=90></marquee>

4、來回移動

<marquee width=100% behavior=alternate scrollamount=10><img src=

http://img.bimg.126.net/photo/ch6UGzaL0wSdp6e4anBZwA

==/4835740099889524772.jpg

</font></marquee>

5、加圖片的友情鏈接代碼

<marquee behavior="scroll" direction=right width="100%" height="100"

scrollamount="2" scrolldelay="30" ><a target="cont" href="對方地址">

<img src="對方圖片" width="100" height="100" border="0"></a>

<a target="cont" href="對方地址"><img src="對方圖片" width="100" height="100"

border="0"></a><a target="cont" href="對方地址"><img src="對方圖片"

width="100" height="100" border="0"></a><a target="cont" href="對方地址">

<img src="對方圖片" width="100" height="100" border="0"></a>

<a target="cont" href="對方地址"><img src="對方圖片" width="100" height="100"

border="0"></a><a target="cont" href="對方地址"><img src="對方圖片"

width="100" height="100" border="0"></a>

<a target="cont" href="對方地址"><img src="對方圖片" width="100" height="100"

border="0"></a></marquee>

6.從下往上滾動代碼:

<marquee align=center direction=up scrollamount=1 scrolldelay=3 valign=middle

behavior="scroll">

<img border="0" src=" http://img.bimg.126.net/photo/zLZSw_yU5XsJtoRbNw-LAw

==/1474928877964258075.jpg">

<img border="0" src=" http://img.bimg.126.net/photo/zLZSw_yU5XsJtoRbNw-LAw

==/1474928877964258075.jpg">

</marquee>

7、從上下向中間移動代碼：

<DIV align=center> <MARQUEE scrollAmount=2 direction=down><IMG

src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

</MARQUEE> <MARQUEE style=" FILTER: flipv(enabled=1)"

scrollAmount=2 direction=down>

<DIV alig=center>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br></DIV>

</MARQUEE>

8、從中間向上下移動代碼：

<DIV align=center> <MARQUEE scrollAmount=2 direction=up><DIV align=center>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src=“http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg“><br><br> <IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br></DIV>

</MARQUEE> <MARQUEE style="FILTER: flipv(enabled=1)" scrollAmount=2

direction=up> <DIV align=center>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br>

<IMG src="http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"><br><br></DIV>

</MARQUEE>

9、對開移動代碼

<TBODY>

<TR> <TD align=middle> <MARQUEE scrollAmount=1

scrollDelay=100 direction=right width=120><IMG src="

http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg"> </MARQUEE></TD>

<TD align=middle> <MARQUEE scrollAmount=1

scrollDelay=100 width=120><IMG src="

http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg">

</MARQUEE></TD>

<TD align=middle> <MARQUEE scrollAmount=1

scrollDelay=100 direction=right width=120><IMG src="

http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg==/22

54896038429471197.jpg">

</MARQUEE></TD>

<TD align=middle> <MARQUEE scrollAmount=1

scrollDelay=100 width=120><IMG src="

http://img.bimg.126.net/photo/kN1qKB3eNmMSkYBM1ftVhg

==/2254896038429471197.jpg">

</MARQUEE></TD></TR>

10、圖片上加飄動文字特效代碼

<table align=center border=3 bordercolor="#CD5C5C" width=550

height=350>

<font color=red size=6><b>請輸入你想要的文字</b><img src=1.gif></font>

</marquee></table><br>

11、移動的朦朧圖片代碼

1)圓形左右移動

<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate>
<TABLE>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity='95',style='2')" width=420 background=

http://img8.bimg.126.net/photo/ig1FwWx60vq197jaRJxcFw==/2325546257584720988.jpg

height=266></TD></TR></TBODY></TABLE>

</MARQUEE></P>

2）圓形向左移動

3）圓形向右移動

4）方形向上移動

提示：

="up"表示向上 ="down"表示向下 ="left"表示向左 ="right"表示向右可以隨意更改

height=150你可以根據(jù)圖片大小來設(shè)置合適的數(shù)值

scrolldely="10"移動速度寫入的數(shù)字越大速度越快

style=1或2或3，如果是4，那就沒有效果了

12、中間向兩邊移動：

13、圖片全屏移動代碼：

14、圖片走走停停(無縫連接）

15、圖片的無縫拼接代碼

</TBODY></TABLE>

可以根據(jù)圖片的張數(shù)，隨意增加<TR><TD><IMG height=500 src="圖片地址" width=500></TD></TR>，當(dāng)然增加后要修改最上面一行中的height=2000為實(shí)際值。

16、圖片加開門

<BR><BR>
<TABLE height=300 cellSpacing=0 cellPadding=0 width=300 align=center background=http://bbs./showimg.asp?BoardID=429&filename=2005-12/200512241736479683.jpg border=0>
<TBODY>
<TR>
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=3 behavior=slide width=300 height=289>
<MARQUEE scrollAmount=3 direction=right width=300 height=289>
<DIV align=center>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=green, endColorstr=red)" height=300

cellSpacing=0 cellPadding=0 width=300 align=center border=0> <TBODY>
<TR>
<TD style="FILTER: chroma(color=#0000FF)">
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff"><FONT size=7><STRONG><FONT face=華文新魏>
<P align=center><FONT style="FONT-SIZE: 85pt; FONT-FAMILY: 華文新魏" color=#ff00ff><B>你好</B></FONT></P></FONT></FONT>
<P></P></FONT></STRONG></FONT></DIV></TD></TR></TBODY>

</TABLE></DIV></MARQUEE></MARQUEE></TD>
<TD>
<MARQUEE scrollAmount=3 direction=right behavior=slide width=300 height=300>
<MARQUEE scrollAmount=3 width=300 height=300>
<DIV align=center>
<TABLE style="FILTER: revealTrans progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr=red, endColorstr=green)" height=300 cellSpacing=0 cellPadding=0 width=300 align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#0000FF)">
<DIV style="FILTER: glow(color=yellow strength=6); WIDTH: 100%; COLOR: #ff00ff">
<P align=center><FONT style="FONT-SIZE: 85pt; FONT-FAMILY: 華文新魏" color=#ff00ff><B>你好</B></FONT></P></FONT></STRONG>
<P></P></DIV></TD></TR></TBODY></TABLE></DIV></MARQUEE>

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

<BR> <DIV></DIV>

注: 各參數(shù)詳解：

a)scrollAmount。它表示速度，值越大速度越快。如果沒有它，默認(rèn)為6，

建議設(shè)為1～3比較好。

b)width和height，表示滾動區(qū)域的大小，width是寬度，height是高度。

特別是在做垂直滾動的時候，一定要設(shè)height的值。

c)direction。表示滾動的方向，默認(rèn)為從右向左：←←←。可選的值有right、down、up。滾動方向分別為：right表示→→→，up表示↑，down表示↓。

d)scrollDelay，這也是用來控制速度的，默認(rèn)為90，值越大，速度越慢。

通常scrollDelay是不需要設(shè)置的。

e)behavior。用它來控制屬性，默認(rèn)為循環(huán)滾動，可選的值有alternate(交替滾動)、slide(幻燈片效果，指的是滾動一次，然后停止?jié)L動)

18、窗簾效果

<P align=center>
<TABLE cellSpacing=10 cellPadding=0 width="70%" align=center background=http://bbs./UploadFile/2005-4/200541782037526.jpg border=1>
<TBODY><TR><TD>
<TABLE cellSpacing=10 cellPadding=0 width="100%" align=center background=http://www./bbs/UploadFile/2004-11/20041122102033452.jpg border=1>
<TBODY><TR><TD>
<TABLE height=510 cellSpacing=0 cellPadding=20 width=660 align=center background=http://bbs./UploadFile/2005-5/200552393334618.jpg border=1><TBODY><TR>
<TD><EMBED align=right src=http://youngcolor.com./swf1/38.swf width=660 height=510

type=application/x-shockwave-flash quality="high" wmode="transparent">

</EMBED><EMBED align=right src=http://mtv./upload/2004482345353317.swf width=660

height=510 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED> </TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

19、圖片上面加滾動字

<CENTER><TABLE cellSpacing=15 cellPadding=5 width=550 align=center

background=http://www./UploadFile/2005-12/20051219155565535.gif border=15 table>
<TBODY><TR><TD><P><P>
<MARQUEE scrollAmount=2 direction=up height=395><B>
<CENTER><FONT size=5><FONT color=#ff1493>歲月悠悠，<BR>時光如流，<BR>又一個圣誕節(jié)，

<BR>又一段幸福時光，<BR>又一次真誠祝福，<BR>今天是我朋友的生日，<BR>飄送著的祝福<BR>

縈繞在您的身邊<BR>愿這美麗的鮮花<BR>帶著最美好的祝愿<BR>祝您生日快樂！<BR>永遠(yuǎn)快樂！<BR>0000</FONT></FONT></CENTER></B></MARQUEE></P></TD></TR></TBODY></TABLE></CENTER>

20、圖片透過文字移動

<DIV style="POSITION: absolute; TOP: 50px; LEFT: 0px">
<CENTER>
<MARQUEE>
<P align=center><IMG style="FILTER: alpha(opacity=200,style=2); MARGIN: 0px 0px 0px 10px; WIDTH: 600px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; HEIGHT: 360px; cssfloat: none" title="" alt="" src="

三、給日志用圖片作封面的技術(shù)

將日記寫完未發(fā)表前，在面板下面點(diǎn)擊《其他設(shè)置》，在出現(xiàn)的《摘要》里（大方框中）將下面的代碼粘貼進(jìn)去：

1.用你的日記地址替換代碼中的該篇日記的地址；用圖片地址替換要使用的圖片的地址。

2.該篇日記的地址要在日記發(fā)表后才能取得，在你的電腦最上面的地址欄中；

3.圖片地址的取得，選中你要用的圖片用右鍵點(diǎn)擊圖片，在彈出框中點(diǎn)擊屬性，

在新的彈出框中的地址欄里面復(fù)制地址?；貋韺⒌刂氛迟N到【要使用的圖片的地址】上。

4.發(fā)表日記該圖片就會在首頁顯示。

四、貼flash的實(shí)用代碼

1、貼flash基礎(chǔ)代碼1: <embed src="flash地址" width="寬度" height="高度">

(1)非透明動畫代碼:

<EMBED src=FLASH動畫地址 width=600 height=420 type=application/x-shockwave-flash quality="high" > (width、 height 寬度和高度值是可改變 )
(2)透明動畫代碼:

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH動畫地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" quality="high" >

插入單張flash實(shí)例:

貼Flash基礎(chǔ)代碼2：

貼Flash基礎(chǔ)代碼3：

實(shí)例：<P ><EMBED height=550 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=650 src=http://webftp.bbs.hnol.net/shuchang/015fengye/09122019306376538d1ab1432c.swf allowScriptAccess="never" allowNetworking="internal" quality="high" wmode="transparent">"></EMBED></P>

效果：

2、加邊框貼flash的代碼

<TABLE height=400 cellSpacing=0 cellPadding=0 width=500 background=http://olcf./domName/olcf/200642812224314758.jpg

border=1 bortercolor="#000000">

<TBODY>

<TR>

<TD>

3、圖片做背景+FLASH

1)、沒有邊框的一張圖片加一個FLASH動畫

如果將border=0給了數(shù)字，那么顯示邊框的寬度

2）、加框有一層FLASH的圖片
<TABLE height=400 cellSpacing=0 cellPadding=0 width=600

background=http://img8.bimg.126.net/photo/ig1FwWx60vq197jaRJxcFw==/2325546257584720988.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-G

shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash">

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

3）、加框用兩層FLASH的圖片
<P align=center>
<TABLE height=400 cellSpacing=0 cellPadding=0 width=600

background=http://img8.bimg.126.net/photo/ig1FwWx60vq197jaRJxcFw==/2325546257584720988.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>

4、圖片加3層flash的代碼實(shí)例

<TBODY>
<TR>
<TD>
<TABLE cellSpacing=6 width=6 align=center>
<TBODY>
<TR>
<TD>
<P style="TEXT-INDENT: 2em" align=center>
<TABLE border=0>
<TBODY>
<TR>
<TD width=580 background=http://image79.360doc.com/DownloadImg/2014/11/0513/46815367_2.jpg
height=350>
<P></P>
<P style="TEXT-INDENT: 2em"><EMBED style="FLOAT: right " align=right src=http://xuanfei./2009fla/161.swf width=100 height=100 type=application/octet-stream quality="high" wmode="transparent"></EMBED> <EMBED align=right src=http://imgfree.21cn.com/free/flash/16.swf width=580 height=300 type=application/octet-stream quality="high" wmode="transparent"></EMBED> <EMBED style="DISPLAY: block; TEXT-ALIGN: center" align=right src=http://webftp.bbs.hnol.net/shuchang/015fengye/09122019306376538d1ab1432c.swf width=580 height=300 type=application/octet-stream quality="high" wmode="transparent"></EMBED></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE>
效果:

給圖片加多層FLASH特效代碼說明

5、朦朧圖片加flash

6、FLASH羽化代碼：

<P align=center><EMBED style="DISPLAY: block; FILTER: Alpha(opacity=100,style=2)" src=FLASH地址 width=700 height=400 type=application/x-shockwave-flash loop="0" wmode="transparent"></EMBED></P>

提示：1、style=2時為四邊形；2、style=3時為圓形。

7、圖片加透明FLASH加移動的文字

<P align=center><TABLE height=350 cellSpacing=3 borderColorDark=#fff000 cellPadding=0 width=500 borderColorLight=#fff000 background=http://www./bbs/UploadFile/2005-12/2005123121365067340.jpg border=12><TBODY><TR><TD><EMBED

align=right src=http://s5./a/eadd996d8be6bb3a2af6849c5bc5e557.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>

五、圖片上寫文章的代碼

<div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH: 400px; HEIGHT: 228px">文字內(nèi)容</div></div><br /></div></div>

將代碼中的圖片地址換為你想要的圖片

文字內(nèi)容那里更換為你想要寫的東西。

六、透明3D相冊代碼

1、拼圖相冊代碼

<P align=center>

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=middle

src=http://flash./pflicks/l_puzzle_r.swf width=485 height=400

type=application/x-shockwave-flash

allowNetworking="internal" bgcolor="#ffffff" wmode="transparent" FlashVars="logopath=http://flash./pflicks/ptlogo1.swf&

amp;ptdim=50.10&ptxy=400.16&auto=1&wait=4&img1=http://img8.bimg.126.net/photo/pyPvYt8hREpyML3WeWRtyw==/2327235107444348309.jpg&img2=http://img8.bimg.126.net/photo/i81CULrUBNnx8tv7YKN_5Q==/2327235107444348334.jpg
&img3=http://img.bimg.126.net/photo/gFBTfwOZvlQVoEqI4sAwDg==/642888846807641769.jpg&img4=http://img9.bimg.126.net/photo/mBkFsRETarnt5EC4UHEp2Q==/2581688486391440548.jpg&img5=http://img46.bimg.126.net/photo/lKpGmU81y9pJi4Qfk80NAA==/627407723088555917.jpg&img6=http://img8.bimg.126.net/photo/ig1FwWx60vq197jaRJxcFw==/2325546257584720988.jpg
&test=1"

wmode="transparent" bgcolor="#ffffff"></EMBED>

效果：

2、透明寶鏡相冊代碼

<P align=center>

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=middle

src=http://flash./pflicks/lenssoft_r.swf width=385 height=385

type=application/x-shockwave-flash

loop="false" quality="high" FlashVars="logopath=http://flash./pflicks/ptlogo1.swf

&ptdim=50.10&ptxy=300.16&mute=1&wait=4&img1=http://img8.bimg.126.net/photo/pyPvYt8hREpyML3WeWRtyw==/2327235107444348309.jpg&img2=http://img8.bimg.126.net/photo/i81CULrUBNnx8tv7YKN_5Q==/2327235107444348334.jpg
&img3=http://img.bimg.126.net/photo/gFBTfwOZvlQVoEqI4sAwDg==/642888846807641769.jpg&img4=http://img9.bimg.126.net/photo/mBkFsRETarnt5EC4UHEp2Q==/2581688486391440548.jpg&img5=http://img46.bimg.126.net/photo/lKpGmU81y9pJi4Qfk80NAA==/627407723088555917.jpg&img6=http://img8.bimg.126.net/photo/ig1FwWx60vq197jaRJxcFw==/2325546257584720988.jpg
&test=1" wmode="transparent" bgcolor="#ffffff"></EMBED>

效果：

3、幻燈片相冊代碼
<DIV align=center>
<TABLE cellSpacing=3 borderColor=#990e04 cellPadding=4 width=431 bgColor=#990033 align=center>
<TBODY>
<TR borderColorLight=#2a404b borderColorDark=#fffff0>
<TD colSpan=2>
<TABLE border=0 cellSpacing=0 borderColor=white cellPadding=0 width=400 bgColor=#990033>
<TBODY>
<TR>
<TD>
<P align=center><EMBED height=320 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=400 src=http://st.blog.163.com/bin/pixviewer.swf wmode="transparent" invokeurls="false" quality="high" flashvars="pics=http://img8.bimg.126.net/photo/pyPvYt8hREpyML3WeWRtyw==/2327235107444348309.jpg|http://img8.bimg.126.net/photo/i81CULrUBNnx8tv7YKN_5Q==/2327235107444348334.jpg|http://img.bimg.126.net/photo/p8hJSycQMNxb9xKy87DZgw==/3427802266382843879.jpg|http://img.bimg.126.net/photo/cuzLWg88vnyeoCHQ9soF6Q==/5408823152472239842.jpg|http://img.bimg.126.net/photo/Nk49oLYyCnTt-XcT8aVOOA==/5408823152472239836.jpg|http://img8.bimg.126.net/photo/ig1FwWx60vq197jaRJxcFw==/2325546257584720988.jpg&links=0&texts=0&borderwidth=400&borderheight=320&textheight=0"> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

效果

4、透明立方體相冊代碼

<P align=center>

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=middle

src=http://flash./pflicks/acrobatcube_r.swf width=425 height=425

type=application/x-shockwave-flash loop="false" quality="high" FlashVars="backopacity=100&cubecroptofit=1&enlargecroptofit=0&

logopath=http://flash./pflicks/ptlogo1.swf

&ptdim=50.10

&ptxy=300.16&faceopacity=80&img1=圖片地址&img2=圖片地址

&img3=圖片地址&img4=圖片地址&img5=圖片地址&img6=圖片地址

&test=1" wmode="transparent" bgcolor="#ffffff"></EMBED>

效果：

本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間，所有內(nèi)容均由用戶發(fā)布，不代表本站觀點(diǎn)。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊一鍵舉報。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自： paf > 《轉(zhuǎn)載教程》

舉報/認(rèn)領(lǐng)