文字、圖片特效大全

烏鬼 2010-08-16

展開全文

滾動圖片

這段代碼可反復(fù)復(fù)制粘貼,根據(jù)圖片多少而定(如果不希望圖片具有鏈接,可以把<A href="鏈條接地址" target=_blank>和后面的</A>去掉)

direction=left 這是圖片的滾動方向，可以有四個方向，分別是left(左) right(右) up(上) down(下)

width="100%" height="128" 這是模塊整體的寬和高，在網(wǎng)易博客中寬度就設(shè)定為100%不用變，

可以跟據(jù)你模塊擺放的位置自適應(yīng)。高度可以跟據(jù)你需要進(jìn)行調(diào)整。

target=_blank 是在新窗口打開的意思，沒有這個命令就是在當(dāng)前頁打開。

左右滾動字代碼
<marquee border="0" align="middle" scrolldelay="120">守望者的BLOG</marquee>

上下滾動字幕代碼
<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width=270 height=77
onmouseout="this.start()" onmouseover="this.stop()">我不想擁有愛你的每一夜
<BR>我也不想要對不起全世界
<BR>所以不需要解釋誰
<BR>所以可以溫柔不退
<BR>一切就看你心裡要不要勇敢些</MARQUEE>

帶顏色的陰影效果文字代碼:
<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: dropshadow
(color=#228B22,offX=4,offY=2,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-
FAMILY: 華文行楷"><I><B>守望者的BLOG</B></I></FONT></P>

漸變效果文字代碼：
<P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%;
COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:華文行楷"><B>守望者的BLOG</B></FONT></P>

代碼說明：
opacity屬性：設(shè)置透明度，取值0至100之間的任意數(shù)值，100表示完全不透明；
style屬性：設(shè)置漸變風(fēng)格，0表示均勻漸變，1表示線性漸變，2表示放射漸變，3表示直角漸變。
width：100%則表示參與漸變的對象的寬度，通常都設(shè)置為100%。

陰影文字效果代碼：
<FONT style="COLOR: #000000; FILTER: shadow(color=blue); FONT-FAMILY: 華文彩云; FONT-SIZE: 20pt;
WIDTH: 100%"><B>守望者的BLOG</B></FONT>

陰影的文字效果代碼2：
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2)；">
<font color=#6CABE7 size=2>守望者的BLOG</font>
</table>

光暈效果文字代碼：
<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=5>守望者的BLOG</FONT></DIV>

此代碼是在你博客橫幅上做個滾動圖片的效果！(只限圖片）
<DIV style="RIGHT: 0px; WIDTH: 600px; POSITION: absolute; TOP: 0px; HEIGHT: 90px">
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD>
<P align=center><SPAN style="FONT-SIZE: 0px">
<MARQUEE width=1010>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
<IMG src="這里鏈接圖片URL地址"></IMG>
</MARQUEE></SPAN></P></TD></TR></TBODY></TABLE><A href=http://blog.sina.com.cn/m/sdzwdq target=_blank>.</A></DIV>

代碼說明：

代碼中<IMG src="這里鏈接圖片URL地址"></IMG>你可以自行添加或者減少，這取決于你圖片的數(shù)量！

還有好多素材和怎樣做好BLOG的方法都在這可以了解~~?。?！

http://blog.sina.com.cn/u/4ac4a004010005ce

1.陰影滾動字

循環(huán)滾動:
<marquee scrollamount=3 FONT style="COLOR=FF0000; FILTER: shadow(color=FFFF33 ); FONT-FAMILY: 隸書; FONT-SIZE: 25pt; WIDTH: 100%">歡迎來到幽幽世界</marquee>

來回移動:
<marquee behavior="alternate" scrollamount=2 FONT style="COLOR=3300FF; FILTER: shadow(color=33FFFF ); FONT-FAMILY: 隸書; FONT-SIZE: 25pt; WIDTH: 100%">歡迎來到幽幽世界</MARQUEE>

2.投射陰影滾動字

循環(huán)滾動:
<marquee scrollamount=3 font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:25pt" face="隸書" color=#009900>幽幽世界歡迎你</font></marquee>

來回移動:
<marquee scrollamount=3 behavior=alternate font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:25pt" face="隸書" color=#009900>幽幽世界歡迎你</font></marquee>

3.發(fā)光滾動字

循環(huán)滾動:
<marquee scrollamount=3 FONT style="COLOR: #0033CC; FILTER: glow(color=FFFF66); FONT-FAMILY: 華文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>幽幽世界歡迎你</B></FONT></marquee>

來回移動:
<marquee scrollamount=3 behavior=alternate FONT style="COLOR: #0033CC; FILTER: glow(color=FFFF66); FONT-FAMILY: 華文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>幽幽世界歡迎你</B></FONT></marquee>

4.若隱若現(xiàn)滾動字

循環(huán)滾動:
<MARQUEE style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 華文行楷" scrollAmount=3 FONT><B>幽幽世界歡迎你</B></FONT></MARQUEE>

來回移動:
<MARQUEE behavior=alternate style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 華文行楷" scrollAmount=3 FONT><B>幽幽世界歡迎你</B></FONT></MARQUEE>

代碼分析:
opacity：設(shè)置透明度，取值0至100之間的任意數(shù)值，100表示完全不透明；

style：設(shè)置漸變風(fēng)格，0表示均勻漸變，1表示線性漸變，2表示放射漸變，3表示直角漸變；

width：100%則表示參與漸變的對象的寬度，通常都設(shè)置為100%。

5.清晰陰影滾動字

循環(huán)滾動:
<marquee scrollamount=3 FONT style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><B>幽幽世界歡迎你</B></FONT></marquee>

來回移動:

<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 華文行楷"><B>幽幽世界歡迎你</B></FONT></marquee>

6.波紋效果滾動字

循環(huán)滾動:
<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 華文行楷"><B>幽幽世界歡迎你</B></FONT></marquee>

來回移動:
<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 華文行楷"><B>幽幽世界歡迎你</B></FONT></marquee>

代碼分析:
add：波紋型，0或1，0表示將原始對象加入最后效果中，1則反之；
freq：決定顯示的頻率，即應(yīng)出現(xiàn)多少個波形；
phrase：決定波形的形狀，值取0至360之間；
strength：決定波形的振幅

7.立體滾動字

循環(huán)滾動:
<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書"><B>幽幽世界歡迎你</B></FONT></marquee>

來回移動:
<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書"><B>幽幽世界歡迎你</B></FONT></marquee>

8.金屬滾動字

循環(huán)滾動:
<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>幽幽世界歡迎你</B></FONT>
</marquee>

來回移動:
<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>幽幽世界歡迎你</B></FONT>
</marquee>

9.空心金屬滾動字
<marquee scrollamount=3 FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>幽幽世界歡迎你</B></marquee>

來回移動:
<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>幽幽世界歡迎你</B></marquee>

10.凹凸投影滾動字

循環(huán)滾動：
<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>幽幽世界歡迎你</B></FONT></marquee>

來回移動：
<marquee behavior="alternate" scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>幽幽世界歡迎你</B></FONT></marquee>

11.空心滾動字

循環(huán)滾動:
<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>幽幽世界歡迎你</B></FONT>

來回移動:
<marquee behavior=alternate scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩云"><B>幽幽世界歡迎你</B></FONT>

12.毛絨滾動字

循環(huán)滾動:
<marquee scrollamount=3 SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: glow(color=red,strength=10); COLOR: blue; HEIGHT: 1px; TEXT-ALIGN: center">幽幽世界歡迎你</SPAN>

來回移動:
<marquee scrollamount=3 behavior="alternate" SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: glow(color=red,strength=10); COLOR: blue; HEIGHT: 1px; TEXT-ALIGN: center">幽幽世界歡迎你</SPAN>

13.描邊中空拋射滾動字

循環(huán)滾動:
<marquee scrollamount=3 DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩云 color=#33ffff>幽幽世界歡迎您</FONT> <BR></DIV>

來回移動
<marquee scrollamount=3 behavior="alternate" DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=華文彩云 color=#33ffff>幽幽世界歡迎您</FONT> <BR></DIV>

14.投影滾動字

循環(huán)滾動:
<marquee scrollamount=3 SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: blur(add=t,direction=135,strength=10); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center">幽幽世界歡迎你</SPAN>

來回移動:
<marquee scrollamount=3 behavior="alternate" SPAN style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: blur(add=t,direction=135,strength=10); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center">幽幽世界歡迎你</SPAN>

15.波浪滾動字

循環(huán)滾動:
<marquee scrollamount=3 span style="font-size:30pt;display:block;text-align:center;color:darkblue;filter:wave(add=t,freq=5,lightstrength=5,phase=0,strength=5);height:1">幽幽世界歡迎你</span>

來回移動:

<marquee scrollamount=3 behavior="alternate" span style="font-size:30pt;display:block;text-align:center;color:darkblue;filter:wave(add=t,freq=5,lightstrength=5,phase=0,strength=5);height:1">幽幽世界歡迎你</span>

16.陰影滾動字

循環(huán)滾動:
<marquee scrollamount=3 span style="font-size:30pt;display:block;text-align:center;color:darkblue;filter:shadow(color=blue);height:1">幽幽世界歡迎你</span>

來回移動:
<MARQUEE style="DISPLAY: block; FONT-SIZE: 30pt; FILTER: shadow(color=blue); COLOR: darkblue; HEIGHT: 1px; TEXT-ALIGN: center" scrollAmount=3 behavior=alternate span>幽幽世界歡迎你</SPAN></MARQUEE>

17.重疊文字滾動

循環(huán)滾動:
<marquee scrollamount=3 div align="center" style="height:1;font-size:30pt;filter:dropshadow(color=maroon,positive=1);">幽幽世界歡迎你</div>

來回移動:
<marquee scrollamount=3 behavior=alternate div align="center" style="height:1;font-size:30pt;filter:dropshadow(color=maroon,positive=1);">幽幽世界歡迎你</div>

18.豎排文字滾動
<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=480 height=150>
<MARQUEE style="LINE-HEIGHT: 150%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=480 height=220>
<P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: red ; LINE-HEIGHT: 150%; FONT-FAMILY: 隸書" color=red>我的心除了你還有誰<BR>可為何卻在半路出了軌<BR>我們的愛像潮水<BR>放縱之后化成灰<BR>面對面又如何去面對<BR>我的心除了你不再有誰<BR>卻背叛了開在心里的玫瑰<BR>我們的愛像潮水<BR>放縱之后收不回<BR>這輩子來不及向你懺悔<BR><BR>請不要離開我<BR>在這下雨的時候 <BR>請不要離開我<BR>當(dāng)我獨自喝醉在街頭<BR>請不要離開我<BR>絕不放開你的手<BR>哭的時候讓淚往心里流<BR>請不要離開我<BR>在這下雨的時候 <BR>請不要離開我<BR>當(dāng)我獨自喝醉在街頭<BR>請不要離開我<BR>絕不放開你的手<BR>哭的時候讓淚往心里流<BR></FONT></P></MARQUEE></MARQUEE></DIV>

◎云兒夢幻天堂◎
☆星兒浪漫國度☆
心靈夢幻島
.★寒蟬輕鳴＂de『心情♂驛站』
六翼№楓天使の殤
我思故我在的博客
羽扇綸巾
eelove的博客
明天的博客
溫孤狐顏
美麗草原的博客
依軒聽月的博客
沙漠雪蓮的生活
☆浪漫國度☆
心靈夢幻島社區(qū)

上例代碼如下：

<TABLE cellPadding=0 width=100% height=300 border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,finishOpacity=50, style=3)" background="背景圖片網(wǎng)址" width=100%>
<MARQUEE height=295 scrollAmount=1 scrollDelay=10 direction=up><center><b>
<a href=鏈接對方博客網(wǎng)址>對方博客名稱</A>

<BR><a href=鏈接對方博客網(wǎng)址>對方博客名稱</A>

<BR><a href=鏈接對方博客網(wǎng)址>對方博客名稱</A></b></center></MARQUEE></TD></TR></TBODY></TABLE>

增加方式：

<a href=鏈接對方博客網(wǎng)址>對方博客名稱</A><BR>

<BR>另一行

在博客首頁上方點擊“裝扮博客”，再點擊“設(shè)置首頁內(nèi)容”，“添加自定義模塊”，添加入代碼，填上標(biāo)題點“確定”，就OK了！

<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>
說明：
width=為浮動文字框架的寬度；
height=為浮動文字框架的高度；
color=red表示文字顏色（顏色可改）size=字體的大小

添加方法：

下面介紹兩種方法，請你根據(jù)情況選用一種比較適合的方法來添加代碼。

第一種方法：

1、控制面板--首頁內(nèi)容維護(hù)--定義空白模板--新建,創(chuàng)建模塊標(biāo)題，顯示源代碼粘貼代碼（粘貼代碼前，在普通模式下打一個空格，然后再進(jìn)入源代碼編輯模式，這時你會看到源代碼中已經(jīng)有一行代碼了（ <DIV> </DIV> ），這時你再將自己的代碼粘貼到它的下面即可，因為CSS代碼粘貼到新建立的模塊中，沒有別的內(nèi)容，不會顯示的）--保存并返回；

2、控制面板--定制我的首頁--點添加模塊--點選創(chuàng)建好的模塊標(biāo)題--勾上并保存，移動新建面板位置--保存設(shè)置。我們做這一步的目的是將建立好的模塊在博客個人首頁里呈現(xiàn)出來。

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

小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

文字、圖片特效大全