主頁和日誌常用得HTML代碼--轉載

博客、主頁技巧

<一>更換主頁背景圖片代碼1.固定背景圖片的代碼:<style>body {background:url("頁面大背景圖片地址") repeat fixed!important;}</style>固定背景代碼:就是你拉動滾動條的時候,圖片不動,始終固定。 2.滾動的大背景代碼:<style>body {background:url("頁面大背景圖片地址") repeat scroll!important;}</style>滾動背景代碼:隨著你拉動滾動條而上下滾動,適合小圖片,什麼閃爍的星星之類的!圖片很小即可,它會自動平鋪!

<二>透明背景圖片代碼<div style="LEFT: 180px; POSITION: absolute; TOP: 200px" align="right"><img style="FILTER: alpha(opacity=90, finishOpacity=0,style=2)" src="圖片地址" /></div>註解: style=風格.right=靠右.left=靠左.FILTER=濾鏡.TOP=圖片頂端離頁面最上端距離opacity=95」指圖片起始透明度,有效範圍「0~100」finishOpacity=0」指圖片結束透明度,有效範圍「0~100」

<三>首頁半透明蒙紗背景效果的代碼<STYLE type=text/css>.logo{background:#transparent}.banner{background:#transparent}.menu{background:#transparent}.feeds .up{background:#transparent}.feeds .down{background:#transparent}.feeds .function{background:#transparent}.links .up{background:#transparent}.links .down{background:#transparent}.links .mid{background:#transparent}.photo .mid{background:#transparent}.label .mid{background:#transparent}.calendar .mid{background:#transparent}.callboard .up{background:#transparent}.callboard .down{background:#transparent}.callboard .mid{background:#transparent}.bodyBg {background:#transparent;filter:progid:DXImageTransform.Microsoft.gradient(GradientType ="1",enabled="true",startColorstr=#AAFFFFFF, endColorstr=#AAFFFFFF);} .bodyBottom{background:#transparent}.sysW770{background:#transparent}.gbook .up{background:#transparent}.gbook .down{background:#transparent}.feeds .page{background:#transparent}.links .more{background:#transparent}.add{background:#transparent}.add .ico{background:#transparent}</STYLE> 註:這個代碼就是在透明背景上的文章處和一側模塊處的透明蒙紗效果.這個效果的好處是即可以看見背景圖片,又可以看清楚文字!以上代碼為最佳效果,不用更改即可使用!使用《灰色軌跡》系統模板為最佳效果!

如果你已經使用了全部透明代碼了,還想要這個效果,最好是把你以前添加的代碼刪除,把以上代碼複製添加!

代碼中:startColorstr=#AAFFFFFF 前面的AA是透明度,修改成FF是不透明,00是全透明,可以根據自己的需要決定透明度.後面的 FFFFFF 是顏色,就是說在上面蒙什麼顏色的東西,可以根據 顏色代碼表上 中顏色代碼來修改顏色!

正常使用這個效果startColorstr=#AAFFFFFF和 endColorstr=#AAFFFFFF 後面的=#AAFFFFFF數值要一樣!如果想要做顏色漸變效果:你要修改代碼中幾個數值,startColorstr=#AAFFFFFF 修改你要的顏色和效果endColorstr=#AAFFFFFF 再修改成另外一個顏色和效果GradientType ="1"這個數值也要修改,修改成0是從上到下漸變 1是從左到右漸變 2是從上到下漸變

<四>日誌圖片背景代碼<table cellSpacing="0" cellPadding="0" width_="背景圖片寬度" background="背景圖片網址" border="0"><tr><td><div align="center"><table cellSpacing="0" cellPadding="0" width_="450" border="0"><tr><td><p align="left"><font style="font-size: 9pt"><br><font color="#993333">直接從這輸入你的文字</font></font><font color="#993333"><span style="font-size: 9pt"></span></font></p><p align="left"></td></tr></table></div></td></tr></table>

<五>更換滑鼠樣式<STYLE type=TEXT/CSS> BODY {CURSOR:url("滑鼠文件地址");} A {CURSOR:hand} </STYLE>

<六>背景音樂代碼1。<EMBED style="FILTER: Invert" src=音樂地址 width_=300 height=45 type=audio/mpeg loop="-1" autostart="false" volume="0"></EMBED> 2。<embed src=音樂播放連接地址 width_=200 height=50 type=audio/mpeg loop="true" autostart="true">3。<DIV><EMBED style="FILTER: xray()" src=音樂播放連接地址 width_=180 height=50 type=audio/mpeg autostart="true" loop="true"></DIV>4。<DIV align=left><EMBED style="FILTER: invert(); WIDTH: 200px; HEIGHT: 40px" src=音樂播放連接地址 type=audio/mpeg loop="true"></DIV>5。<EMBED style="FILTER: Alpha(opacity=50,style=2)" src=音樂播放連接地址 width_=50 height=40 type=audio/mpeg mime-types="mime.types" Initfn="load-types" volume="100" autostart="TRUE" loop="true" controls="ControlPanel" >6。<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=200 cellSpacing=0 cellPadding=0 width_=330 align=left background=http://img719.photo.163.com/103718005/104695765/2414714707.gif border=0><TBODY><TR><TD width_=200 height=200 cellSpacing="0" cellPadding="0"></TD></TR><TR><TD align=cente><P align=center><EMBED style="BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; FILTER: alpha(opacity=40 Style=1 FinishOpacity=40) gray progid:<br> DXImageTransform.Microsoft.Blur(PixelRadius=0 MakeShadow=false); BORDER-LEFT: #cccccc 3px solid; BORDER-BOTTOM: #cccccc 0px solid" src=音樂播放連接地址 width_=200 height=24 type=application/x-mplayer2 volume="0" autostart="1" loop="-1"></P></FONT></TD></TR></TBODY></TABLE>7。<TABLE style="FILTER: alpha(opacity=100 Style=0 FinishOpacity=100)" borderColor=#000000 height=200 cellSpacing=0 cellPadding=0 width_=200 align=center background=http://img719.photo.163.com/103718005/104695765/2414723798.gif border=0><TBODY><TR><TD width_=314 height=180 cellspacing="0" cellpadding="0"></TD></TR><TR><TD align=left><P align=center><EMBED style="FILTER: alpha(opacity=100 Style=3 FinishOpacity=0)black(); style: " src=音樂鏈接區 width_=310 height=28 type=video/x-ms-asf loop="-1" autostart="1" volume="0" ></P></TD></TR></TBODY></TABLE>提示:

播放器寬度width_=200 高度height=50 根據需要設置,寬度和高度設為0播放器為隱藏狀態.loop="true"為循環播放,loop="false"為不循環播放.autostart="true"為自動播放,autostart="false"為不自動播放.loop="2"播放次數

支持的音樂格式: wma mp3 rm ra ram asf mid.

隱藏音樂代碼

<embed src=http://home.tinp.net.tw/mypage/00088034/34folksc/3402.mp3 width_=0 height=0 type=audio/mpeg loop="false" autostart="true">

移動

<MARQUEE style="LEFT: 230px; ; TOP: 100px" scrollAmount=1 scrollDelay=100 direction=up behavior=alternate width_=300 height=400> <MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate> <TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#7ec0ee ,direction:145,strength:20)" cellSpacing=0 cellPadding=0 border=1> <TBODY> <TR> <TD><EMBED style="FILTER: gray()" src=http://bbs.caolu.org/uploadfile/2005-8/200581222374051865.mp3 width_=200 height=20 type=audio/mpeg showstatusbar="1" volume="0" loop="-1" autostart="1"></TD></TR></TBODY></TABLE></MARQUEE><BR>

<七>插入Flash的代碼1。插入不透明的flash<EMBED height=360 pluginspage=http://www.macromedia.com/go/getflashplayer src=透明Flash的路徑地址type=application/x-shockwave-flash width_=500 quality="high"></EMBED>2。插入透明,無坐標控制Flash的代碼<EMBED height=360 pluginspage=http://www.macromedia.com/go/getflashplayer src=透明Flash的路徑地址type=application/x-shockwave-flash width_=500 wmode="transparent" quality="high"></EMBED>3。插入絕對坐標的透明Flash<EMBED style="LEFT: 250px; WIDTH: 550px; POSITION: absolute; TOP: 200px; HEIGHT: 1000px" align=right src=透明Flash的路徑地址width_=500 height=2000 type=application/octet-stream ;; quality="high" wmode="transparent">4。在圖片上插入透明Flash<P align=center><IMG border=0 height=180 src="產生效果的圖片URL地址" width_=350></P><EMBED style="LEFT: 270px; WIDTH: 400px; POSITION: absolute; TOP: 1200px; HEIGHT: 300px" align=right src="你喜歡的透明Flash的地址" width_=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>5。插入相對坐標的透明Flash<table border="0" cellPadding="0" cellSpacing="0" width_=600 height=382 align=center background=產生效果的圖片URL地址> <TD width_=600 height=382><EMBED pluginspage=http://www.macromedia.com/go/getflashplayersrc=透明Flash的路徑地址 height="100%"type=application/x-shockwave-flash wmode="transparent"quality="high"></EMBED></TD></td></table>

<八>讓圖片移動的代碼<MARQUEE scrollAmount=1 scrollDelay=60 direction=right width_=160 height=270 onmouseover="this.stop()" onmouseout="this.start()"><IMG height=270 src="圖片網址1" width_=160 border=0><IMG height=270 src="圖片網址2" width_=160 border=0><IMG height=270 src="圖片網址3" width_=160 border=0><IMG height=270 src="圖片網址4" width_=160 border=0></A></MARQUEE>提示:direction=right 是移動的方向 上:up 下:down 左:right 右:left scrollamount=5 是向下移動速度,可以調整,一般設置在1---15的範圍內比較好.文字移動也可參照這個,<img............>刪除,換成文字就可以了。

<九>圖片上飄蕩的文字之代碼<TABLE borderColor=#cd5c5c height=350 width_=450 align=center border=3><TBODY><TR><TD background=圖片網址><MARQUEE scrollAmount=3 direction=down behavior=alternate height=350><MARQUEE scrollAmount=3 behavior=alternate width_=500><P align=center><FONT color=red size=6><B>大漠孤煙歡迎您的到來</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

<十>插入掛飾的代碼<DIV style="LEFT: 0px; POSITION: absolute; TOP: 20px" align=left><IMG src="左邊圖片地址" align=left></DIV><DIV style="LEFT: 920px; POSITION: absolute; TOP: 20px" align=right><IMG src="右邊圖片地址" align=right></DIV>

<十一>頁面置頂圖標代碼<DIV id=divMenu style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-100); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-240); TEXT-ALIGN: center"><P></P><A href="主頁網址#top"><IMG src="置頂圖標網址" border=0></A></DIV>提示:100和240是調整置頂圖標位置的數值,可以根據需要設定。

<十二>文字類1一般字體顏色<FONT style="COLOR: #f90b46; FILTER: shadow(color=#AF0530); FONT-FAMILY: 隸書; FONT-SIZE: 45pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>我的天空</B></FONT>2滾動字幕<MARQUEE direction=up height=40 scrollAmount=3 scrollDelay=150 width_=400><CENTER><FONT color=#ffaa00 face=黑體 size=5>我的天空<BR></FONT></CENTER></MARQUEE>3文字圖片同步滾動<MARQUEE direction=down width_=480 height=50><IMG src="https://www.getit01.com/getimg_360.php?url=http://online.sccnn.com/gif8/229/1.gif"><FONT face=隸書 color=#ff0000 size=7>我的天空 <IMG src="https://www.getit01.com/getimg_360.php?url=http://online.sccnn.com/gif8/229/1.gif"></FONT></MARQUEE>4帶陰影文字<DIV style="FILTER: shadow(color=#6495ED, strength=60); WIDTH: 480px"><FONT face=華文彩雲 color=#9932cc size=7><B><CENTER><BR>我的天空</B></CENTER></FONT><P></P></DIV>5漸變文字<FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=3);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>歡迎光臨!玫瑰夫人</B></FONT>說明:opacity屬性:設置透明度,取值0至100之間的任意數值,100表示完全不透明;style屬性:設置漸變風格,0表示均勻漸變,1表示線性漸變,2表示放射漸變,3表示直角漸變。而width:100%則表示參與漸變的對象的寬度,通常都設置為100%。6動感模糊<FONT style="FONT-SIZE:30pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>我的天空,自由的天空</B></FONT>說明:ADD屬性在運動模糊中,其值為0和1,0表示「否」,用於文字,1表示「是」,用於圖像;Direction屬性是模糊移動的角度,其值為0至360度;Strength屬性是模糊移動的距離7影子文本<FONT style="FONT-SIZE:30pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>我的天空,自由的天空</B></FONT>說明:color屬性:設置影子文本的顏色;offX和offY屬性:影子文本下落的位移值;Positive屬性:指定透明象素陰影,布爾型,0為是,1為否8變色陰影<FONT style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>我的天空!</B></FONT>說明:color屬性:陰影顏色;direction屬性:陰影角度,值取0至360度9波浪文字<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>自由的天空!</B></FONT>說明:add屬性:布爾型,0或1,0表示將原始對象加入最後效果中,1則反之;freq屬性:決定顯示的頻率,即應出現多少個波形;phrase屬性:決定波形的形狀,值取0至360之間;strength屬性:決定波形的振幅。10光暈文字<FONT style="FONT-SIZE:30pt;filter:glow(color=gray,strength=4);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:華文行楷"><B>自由的天空</B></FONT>說明:color屬性:光暈顏色;strength:光暈的厚度。11相對移動文字圖片<MARQUEE direction=right width_=250 height=50><IMG src="https://www.getit01.com/getimg_360.php?url=http://online.sccnn.com/gif8/197/01.gif"><FONT face=隸書 color=#ff0000 size=7>我的天空<IMG src="https://www.getit01.com/getimg_360.php?url=http://online.sccnn.com/gif8/197/01.gif"></FONT></MARQUEE></FONT><MARQUEE width_=250 height=50><IMG src="https://www.getit01.com/getimg_360.php?url=http://online.sccnn.com/gif8/197/01.gif"><FONT face=隸書 color=#ff0000 size=7>自由的天空<IMG src="https://www.getit01.com/getimg_360.php?url=http://online.sccnn.com/gif8/197/01.gif"></FONT></MARQUEE>12相向移動文字圖片<MARQUEE width_=250 height=50><IMG src="https://www.getit01.com/getimg_360.php?url=http://online.sccnn.com/gif8/179/009.gif"><FONT face=隸書 color=#ff0000 size=7> 我的天空<IMG src="https://www.getit01.com/getimg_360.php?url=http://online.sccnn.com/gif8/179/009.gif"></FONT></MARQUEE></FONT><MARQUEE direction=right width_=250 height=50><IMG src="https://www.getit01.com/getimg_360.php?url=http://online.sccnn.com/gif8/179/009.gif"><FONT face=隸書 color=#ff0000 size=7> 自由的天空<IMG src="https://www.getit01.com/getimg_360.php?url=http://online.sccnn.com/gif8/179/009.gif"></FONT></MARQUEE></FONT>13單色背景文本<MARQUEE direction=right><TABLE align=center bgcolor=red><TBODY><TR><TD align=middle><FONT color=#336699 face=文鼎花瓣體 style="FONT-SIZE: 60pt">我的天空</FONT></TD></TR></TBODY></TABLE></MARQUEE>14圖片背景文本<MARQUEE direction=up><TABLE align=center background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_1.gif cellPadding=0 cellSpacing=0 width_=500 height=125><TBODY><TR><TD align=middle><FONT color=#336699 face=文鼎圓立體 style="FONT-SIZE: 60pt">我的天空</FONT></TD></TR></TBODY></TABLE></MARQUEE>15跳動的文本<CENTER><FONT face=隸書 color=red size=15><MARQUEE direction=up behavior=alternate width_=60 height=120>祝</MARQUEE><FONT color=yellow><MARQUEE direction=up behavior=alternate width_=60 height=80>大</MARQUEE><FONT color=brown><MARQUEE direction=up behavior=alternate width_=60 height=120>家</MARQUEE><FONT color=green><MARQUEE direction=up behavior=alternate width_=60 height=80>周</MARQUEE><FONT color=orange><MARQUEE direction=up behavior=alternate width_=60 height=120>末</MARQUEE><FONT color=yellow><MARQUEE direction=up behavior=alternate width_=60 height=80>愉</MARQUEE><FONT color=orange><MARQUEE direction=up behavior=alternate width_=60 height=120>快</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT></FONT></FONT></FONT></FONT></FONT>16百葉窗式彩色文本<DIV align=center><MARQUEE scrollAmount=2 width_=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#ff0000><B>真 真</FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width_=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#66ff00><B>是 是</FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width_=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#f709f7><B>好 好</FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width_=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#0909f7><B>精 精</FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width_=80 height=75 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 60pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#eeee11><B>彩 彩</FONT></B></B></MARQUEE></FONT><CENTER></CENTER></DIV>17光暈字框文本<DIV style="FILTER: glow(color=blue, strength=5); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 68pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文行楷 color=#e31c1b>我的天空歡迎您</FONT></DIV>18透明文字<P align=center><TABLE cellSpacing=0 cellPadding=0 align=center background=http://www.fshome.com.cn/bbs/UploadFile/200551319273660746.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE cellSpacing=0 cellPadding=0 width_=588 align=center background=http://www.fshome.com.cn/bbs/UploadFile/200551319272463012.jpg><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 60pt" face=華文行楷 color=#336699><B><EM><BR>新年快樂<BR>2008<BR>我的天空<BR><BR></EM></B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>19透明閃字<P align=center><TABLE cellSpacing=0 cellPadding=0 width_=432 align=center background=http://www.fshome.com.cn/bbs/UploadFile/200551319401338301.gif><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE width_=450 align=center background=http://www.fshome.com.cn/bbs/UploadFile/20055131943843374.jpg><TBODY><TR><TD align=middle><FONT style="FONT-WEIGHT: 700; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑體 color=#336699>新年快樂<BR>我的天空</FONT></P><P><FONT style="FONT-WEIGHT: 700; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩雲 color=#336699>自由的天空</FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隸書 color=#336699>2008年</P></FONT></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

<十三>圖片類1。圖片鏈接代碼如果要點一下圖片就能打開一個網站的鏈接代碼是這樣的:

<a href="網站";><img src="鏈接的圖片"; width_="150" height="100"></a>

如果要點一下圖片就能打開一個網站的鏈接,並且重新打開一個窗口。代碼是這樣的:

<a href="網站";; target="_blank"><img src="鏈接的圖片"; width_="150" height="100"></a>

上面的數字都能調節圖片尺寸大小。

<十四>邊框代碼1一層邊框<TABLE cellSpacing=1 cellPadding=0 align=center bgcolor=red border=5><TBODY><TR><TD>加入內容</TD></TR></TBODY></TABLE>

兩層邊框<P align=center><TABLE cellSpacing=10 cellPadding=8 width_=480 bgColor=#000000 border=1><TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width_=480 bgColor=#000000 border=0><TBODY><TR><TD>加入內容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

三層邊框<TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 bgColor=#ffffff border=1><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 bgColor=#ffffff border=1><TBODY><TR><TD>; <TABLE borderColor=#cccccc cellSpacing=2 cellPadding=3 bgColor=#ffffff border=1><TBODY><TR><TD>插入文字</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>依此類推

<十五>圖片邊框一層圖片<TABLE cellSpacing=1 cellPadding=0 align=center background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_2.jpg border=5><TBODY><TR><TD>加入內容</TD></TR></TBODY></TABLE>

兩層圖片<TABLE cellSpacing=10 cellPadding=8 width_=480 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_3.jpg border=1><TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width_=480 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_4.jpg border=0><TBODY><TR><TD>加入內容</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

三層圖片<DIV align=center><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=30 align=center background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_5.jpg border=0><TBODY><TR><TD><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=30 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_6.jpg border=0><TBODY><TR><TD><FONT face=隸書 color=#ef219d size=6>; </FONT><TABLE borderColor=#cccccc cellSpacing=2 cellPadding=30 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_7.jpg border=0><TBODY><TR><TD><FONT face=隸書 color=#ef219d size=6>插入文字</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

依此類推

<十六>加入圖片的代碼一、單純的一張圖片<P align=center><IMG src=hhttp://image15.360doc.com/DownloadImg/2010/09/1708/5345893_8.jpg></P>二、加框有一層FLASH的圖片<TABLE height=300 cellSpacing=0 cellPadding=0 width_=400 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_8.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=Flash網址 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>三、加框用兩層FLASH的圖片<P align=center><TABLE height=300 cellSpacing=0 cellPadding=0 width_=400 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_8.jpg border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED align=right src=Flash網址1 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=Flash網址2 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>三、兩個FLASH上下排列的圖片:<TABLE cellSpacing=0 cellPadding=0 width_=400 height=300 background=背景圖片地址 border=1 bortercolor="#000000"><TBODY><TR><TD><P align=center><EMBED src=Flash網址1 width_=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> <BR><BR><EMBED src=Flash網址2 width_=400 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>四、下上移動的圖片們:<center><MARQUEE scrollAmount=3 scrollDelay=150 direction=up width_=450 height=500 borderColor="#000000" border="1"><P align=center><IMG src="圖片地址1"></P><P align=center><IMG src="圖片地址2"></P><P align=center><IMG src="圖片地址3"></P></MARQUEE></center>五、左右移動的圖片(要有個背景喲)<CENTER><MARQUEE scrollAmount=1 direction=right behavior=alternate ><CENTER><TABLE cellSpacing=0 width_=400 background=http://pugongyingw.51.net/image/xiantiao/d/14.gif border=0 cellpading="0"><TBODY><TR><TD><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://bbs.esong.cn/UploadFile/2004-5/bihe.jpg___2004511215822101.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://bbs.esong.cn/UploadFile/2004-5/by.jpg___2004511215822766.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://bbs.esong.cn/UploadFile/2004-5/htys.jpg___2004511215822890.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://bbs.esong.cn/UploadFile/2004-5/hyxq.jpg___2004511215822564.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://bbs.esong.cn/UploadFile/2004-5/lty.jpg___2004511215822316.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://bbs.esong.cn/UploadFile/2004-5/zyh.jpg___2004511215916227.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://bbs.esong.cn/UploadFile/2004-5/yannian.jpg___200451121591787.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://bbs.esong.cn/UploadFile/2004-5/xbh.jpg___2004511215917981.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://bbs.esong.cn/UploadFile/2004-5/mdqg.jpg___20045112203661.jpg"></P><P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://bbs.esong.cn/UploadFile/2004-5/mlsx.jpg___20045112203201.jpg"></P></TD></TR></TBODY></TABLE></CENTER></MARQUEE></CENTER>六:圖片霧化效果:(使用時必須去掉"HTML"旁邊"自動修正"的鉤.)<CENTER><TABLE cellSpacing=0 cellPadding=0 width_=400 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_9.jpg border=0><TBODY><TR><TD style="FILTER: Alpha(opacity=100,style=2)" width_=400 background=http://image15.360doc.com/DownloadImg/2010/09/1708/5345893_10.jpg height=300><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://static.ci123.com/uploadfiles/070402/oi5d05ewNewOVxP6.swf width_=400 height=300 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></TD></TR></TBODY></TABLE></CENTER>七:圖片倒影效果:(使用時必須去掉"HTML"旁邊"自動修正"的鉤.)<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="https://www.getit01.com/getimg_360.php?url=http://static.ci123.com/uploadfiles/070325/9K1Q7WznRuX4oSuY.jpg"><FONT style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="https://www.getit01.com/getimg_360.php?url=http://static.ci123.com/uploadfiles/070325/9K1Q7WznRuX4oSuY.jpg"></P></FONT></FONT><BR><BR>

貼子全屏的秘密

要全屏,只有一句話:

在第一個<table 後面加上

id=table1 style="LEFT: -220px; WIDTH: 900px; ; TOP: 131px; HEIGHT: 6500px"

這些代碼即可.

適用地方:論壇發貼

<十七>透明flash多層疊加<CENTER><TABLE cellSpacing=8 cellPadding=1 width_=420 align=center background=http://www.fshome.com.cn/bbs/UploadFile/20055131943843374.jpg border=1 table><TBODY><TR><TD><EMBED align=right src=http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf width_=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://image2.sina.com.cn/dongman/f/2002-05-20/1_55-4-248-235_20020520133331.swf width_=400 height=300 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=http://static.ci123.com/uploadfiles/070402/EyQh3bt4Ru5S97d0.swf width_=400 height=300 type=application/octet-stream wmode="transparent" quality="high"></TD></TR></TBODY></TABLE></CENTER>

<十八>飛舞的蝴蝶<marquee behavior="alternate"scrollamount=8 direction=right><MARQUEE behavior=alternate direction=up height=200 width_=90><img src=http://online.sccnn.com/gif8/114/03.gif></MARQUEE><MARQUEE behavior=alternate direction=up height=250 width_=90><img src=http://online.sccnn.com/gif8/114/08.gif></MARQUEE><MARQUEE behavior=alternate direction=up height=200 width_=90><img src=http://online.sccnn.com/gif8/114/15.gif></MARQUEE><MARQUEE behavior=alternate direction=up height=250 width_=90><img src=http://online.sccnn.com/gif8/114/01.gif></MARQUEE><MARQUEE behavior=alternate direction=up height=200 width_=90><img src=http://online.sccnn.com/gif8/114/17.gif></MARQUEE><MARQUEE behavior=alternate direction=up height=250 width_=90><img src=http://online.sccnn.com/gif8/114/10.gif></MARQUEE>


推薦閱讀:

【代碼應用】用代碼製作滾動文字和帶背景的閃光字
專註寫代碼的程序媛和外面那群妖艷賤貨果然不一樣!
分支集成加速器Light Merge在攜程的應用

TAG:代碼 | HTML | 轉載 | 日誌 | 主頁 |