HTML文字特效代码

标语代码

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>要设置的文字</B></FONT></CENTER>

发光字体代码    [快速查看颜色代码都请 点击这里 ]

</textarea><table style="FILTER: glow(color=发光背景颜色代码,direction=2)"><font color=发光字体颜色代码 size=2>要设置的文字</font></table>

小技巧:在设置状字体的时候，如果把字体前加上@，会产生文字平躺的效果.

<font face="@黑体">大家好</font>

跳动文字代码

<MARQUEE behavior=alternate direction=up height=98 scrollAmount=5>

<MARQUEE behavior=altrnate scrollAmount=2 width=460>

<FONT color=red face=楷体_gb2312 size=7>要设置的文字</FONT>

</MARQUEE></MARQUE>

3D文字效果

<style type="text/css">

.3dfont { FILTER: glow(color=ffffff,strength=0) shadow(color=cccccc,direction:135); POSITION: relative; WIDTH: 100% }

</style>

<table border="0" width="100%">

<tr>

<td width="100%" class="3dfont"><font color="#008040">要设置的文字</font>

高斯模糊字体

<span style="position:relative; width:200; height:50; filter:glow(color=#9933cc,strength=4); margin-left:4px">

<p>要设置的文字</span>

文字左右反转

<table style="Filter:FlipH">要设置的文字</table>

文字上下反转

<table style="Filter:FlipV">要设置的文字</table>

Blur风吹效果

<table style="Filter:Blur(add=1,direction=45,strength=5)要设置的文字</table>

add：是否要在已经使用Blur滤镜上的html对象上显示原来的模糊方向，０表示不显示

direction：模糊方向

strength：模糊半径大小，单位像素，默认为５，取整

Glow滤镜（光晕效果）

<table style="Filter:Glow(color=#FF0000,strength=5,direction=2)">要设置的文字</table>

color：光晕颜色，需用代码形式

strength：光晕强度，选择型参数，默认为５

direction：光晕方向，选择型参数

Shadow滤镜（阴影效果）

<table style="Filter:Shadow(color=#ff0000,direction=45)">要设置的文字</table>

color：阴影颜色，需用代码形式

strength：阴影强度，选择型参数，默认为５

direction：阴影方向，选择型参数

DropShadow（投影效果）

<table style="filter:dropshadow(color:#6600FF,offx=1,offy=1)">要设置的文字</table>

color：设置投影颜色

offx：在横坐标上的偏移，单位是像素

offy：在纵坐标上的偏移，单位是像素

positive：设置是否从对象的非透明像素建立阴影

文字围绕鼠标旋转代码

CSS代码

<script><script>
<!-- Begin
if (document.all) {

yourLogo = "我爱你"; //Not less than 2 letters!
logoFont = "Arial";
logoColor = "ff0000";
//Nothing needs altering below!
yourLogo = yourLogo.split('');
L = yourLogo.length;
TrigSplit = 360 / L;
Sz = new Array()
logoWidth = 100;
logoHeight = -30;
ypos = 0;
xpos = 0;
step = 0.09;
currStep = 0;
document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < L; i++) {
document.write('<div id="ie" style="position:absolute;top:0px;left:0px;'
+'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;'
+'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>');
}
document.write('</div></div>');
function Mouse() {
ypos = event.y;
xpos = event.x - 5;
}
document.onmousemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
Sz[i] = ie[i].style.pixelTop - ypos;
if (Sz[i] < 5) Sz[i] = 5;
ie[i].style.fontSize = Sz[i] / 1.7;
}
currStep -= step;
setTimeout('animateLogo()', 20);
}
window.onload = animateLogo;
}
// End -->
</script>