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对象上显示原来的模糊方向，０表示不显示
direction：模糊方向
strength：模糊半径大小，单位像素，默认为５，取整
Glow滤镜（光晕效果）
<table >要设置的文字</table>
color：光晕颜，需用代码形式
strength：光晕强度，选择型参数，默认为５
direction：光晕方向，选择型参数
Shadow滤镜（阴影效果）
<table >要设置的文字</table>
color：阴影颜，需用代码形式
strength：阴影强度，选择型参数，默认为５
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>
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论