HTML文字特效代码
标语代码
<CENTER><FONT ><B>要设置的文字</B></FONT></CENTER>
发光字体代码    [快速查看颜代码都请 点击这里 ]
</textarea><table ><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 >
<p>要设置的文字</span>
文字左右反转
<table >要设置的文字</table>
文字上下反转
<table >要设置的文字</table>
Blur风吹效果
<table rtcscls-2-s_p_1 rtcscls-2-s_r_2 rtcscls-2-s_sn_3_rId_a rtcscls-2-s_p_4_rId_a rtcscls-2-s_r_5_rId_a rtcscls-2-s_sn_22_rId_a3 rtcscls-2-s_p_23_rId_a3 rtcscls-2-p_0 rtcscls-2-r_0">add:是否要在已经使用Blur滤镜上的html对象上显示原来的模糊方向,0表示不显示
direction:模糊方向
strength:模糊半径大小,单位像素,默认为5,取整
Glow滤镜(光晕效果)
<table >要设置的文字</table>
color:光晕颜,需用代码形式
strength:光晕强度,选择型参数,默认为5
direction:光晕方向,选择型参数
Shadow滤镜(阴影效果)
<table >要设置的文字</table>
color:阴影颜,需用代码形式
strength:阴影强度,选择型参数,默认为5
direction:阴影方向,选择型参数
DropShadow(投影效果)
<table >要设置的文字</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" ><div >');
for (i = 0; i < L; i++) {
document.write('<div id="ie" rtcscls-3-s_p_1 rtcscls-3-s_r_2 rtcscls-3-p_1 rtcscls-3-r_0">+'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;
}
usemove=Mouse;
function animateLogo() {
outer.style.pixelTop = document.body.scrollTop;
for (i = 0; i < L; i++) {
ie[i].p = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
ie[i].style.left = xpos + logoWidth * s(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;
html设置字体颜属性
setTimeout('animateLogo()', 20);
}
load = animateLogo;
}
// End -->
</script>