文字、图片特效大全

乌鬼 2010-08-16

展开全文

滚动图片

这段代码可反复复制粘贴,根据图片多少而定(如果不希望图片具有链接,可以把<A href="链条接地址" target=_blank>和后面的</A>去掉)

direction=left 这是图片的滚动方向，可以有四个方向，分别是left(左) right(右) up(上) down(下)

width="100%" height="128" 这是模块整体的宽和高，在网易博客中宽度就设定为100%不用变，

可以跟据你模块摆放的位置自适应。高度可以跟据你需要进行调整。

target=_blank 是在新窗口打开的意思，没有这个命令就是在当前页打开。

左右滚动字代码
<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属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；
style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。
width：100%则表示参与渐变的对象的宽度，通常都设置为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>你可以自行添加或者减少，这取决于你图片的数量！

还有好多素材和怎样做好BLOG的方法都在这可以了解~~！！！

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

1.阴影滚动字

循环滚动:
<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.投射阴影滚动字

循环滚动:
<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.发光滚动字

循环滚动:
<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.若隐若现滚动字

循环滚动:
<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：设置透明度，取值0至100之间的任意数值，100表示完全不透明；

style：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变；

width：100%则表示参与渐变的对象的宽度，通常都设置为100%。

5.清晰阴影滚动字

循环滚动:
<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.波纹效果滚动字

循环滚动:
<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：决定显示的频率，即应出现多少个波形；
phrase：决定波形的形状，值取0至360之间；
strength：决定波形的振幅

7.立体滚动字

循环滚动:
<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.金属滚动字

循环滚动:
<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.凹凸投影滚动字

循环滚动：
<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.空心滚动字

循环滚动:
<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.毛绒滚动字

循环滚动:
<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.描边中空抛射滚动字

循环滚动:
<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.投影滚动字

循环滚动:
<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.波浪滚动字

循环滚动:
<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.阴影滚动字

循环滚动:
<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.重叠文字滚动

循环滚动:
<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>当我独自喝醉在街头<BR>请不要离开我<BR>绝不放开你的手<BR>哭的时候让泪往心里流<BR>请不要离开我<BR>在这下雨的时候 <BR>请不要离开我<BR>当我独自喝醉在街头<BR>请不要离开我<BR>绝不放开你的手<BR>哭的时候让泪往心里流<BR></FONT></P></MARQUEE></MARQUEE></DIV>

◎云儿梦幻天堂◎
☆星儿浪漫国度☆
心灵梦幻岛
.★寒蝉輕鳴＂de『心情♂驛站』
六翼№楓天使の殇
我思故我在的博客
羽扇纶巾
eelove的博客
明天的博客
温孤狐颜
美丽草原的博客
依轩听月的博客
沙漠雪莲的生活
☆浪漫国度☆
心灵梦幻岛社区

上例代码如下：

<TABLE cellPadding=0 width=100% height=300 border=0>
<TBODY>
<TR>
<TD style="FILTER: Alpha(opacity=100,finishOpacity=50, style=3)" background="背景图片网址" width=100%>
<MARQUEE height=295 scrollAmount=1 scrollDelay=10 direction=up><center><b>
<a href=链接对方博客网址>对方博客名称</A>

<BR><a href=链接对方博客网址>对方博客名称</A>

<BR><a href=链接对方博客网址>对方博客名称</A></b></center></MARQUEE></TD></TR></TBODY></TABLE>

增加方式：

<a href=链接对方博客网址>对方博客名称</A><BR>

<BR>另一行

在博客首页上方点击“装扮博客”，再点击“设置首页内容”，“添加自定义模块”，添加入代码，填上标题点“确定”，就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=字体的大小

添加方法：

下面介绍两种方法，请你根据情况选用一种比较适合的方法来添加代码。

第一种方法：

1、控制面板--首页内容维护--定义空白模板--新建,创建模块标题，显示源代码粘贴代码（粘贴代码前，在普通模式下打一个空格，然后再进入源代码编辑模式，这时你会看到源代码中已经有一行代码了（ <DIV> </DIV> ），这时你再将自己的代码粘贴到它的下面即可，因为CSS代码粘贴到新建立的模块中，没有别的内容，不会显示的）--保存并返回；

2、控制面板--定制我的首页--点添加模块--点选创建好的模块标题--勾上并保存，移动新建面板位置--保存设置。我们做这一步的目的是将建立好的模块在博客个人首页里呈现出来。