在线工具 | 网址导航 | 交流论坛 |    
好我要网--网址导航、站长工具、查询工具、建站代码、建站指南、推广优化、破解软件、注册码

当前位置:首页 > 最新发布 > 站长代码 > 文本综合特效 > 详细内容
25种漂亮的网页文字特效及代码
作者:admin  发布时间:2010/1/3  阅读次数:3994  字体大小: 【】 【】【

       25种漂亮的网页文字特效,喜欢的可以看看收藏哦:
     温馨提示:您可以复制代码到这里测试一下效果。

(一)文字滚动示例

1、向左: 好我要网欢迎您!
2、向右: 好我要网欢迎您!
3、向上: 好我要网欢迎您!
4、向下: 好我要网欢迎您!
5、来回滚动: 好我要网欢迎您!
代码:

<marquee direction=left>好我要网欢迎您!</marquee>
<marquee direction=right>好我要网欢迎您!</marquee>
<marquee behavior=scroll>好我要网欢迎您!</marquee>
<marquee behavior=slide>好我要网欢迎您!</marquee>
<marquee behavior=alternate>好我要网欢迎您!</marquee>

说明:

left 向右移动

right 向左移动

scroll 一圈一圈绕着走

slide 只走一次

alternate 来回走

  


(二)文字滚动停顿

好我要网欢迎您!
好我要导航欢迎您!
好我要网欢迎您!
好我要网欢迎您!
好我要网欢迎您!

谢谢各位朋友,欢迎您的到来!
代码:

<marquee loop=3 width=454 behavior=alternate>好我要网欢迎您!</marquee>

<marquee scrollamount=20>好我要网欢迎您!</marquee>

<marquee scrolldelay=500 scrollamount=100>好我要网欢迎您!</marquee>

<marquee direction=up scrollamount=3><center><font color="008000" size="3" face="宋体">好我要网欢迎您!</font></marquee>  

<marquee direction=down scrollamount=3>
<center><font color="008000" size="3" face="宋体">好我要网欢迎您!</font></marquee>

<MARQUEE width=160 height=60><IMG src="/user/tool/imag/logo160-60.gif"><FONT face=隶书 color=#ff0000 size=5>谢谢各位朋友,欢迎您的到来!<IMG src="/user/tool/imag/logo160-60.gif></MARQUEE>

说明:

alternate 向右移动;scrollamount 移动速度;scrolldelay 停停走走,direction=up 向上;direction=down 向下

好我要网欢迎您

<MARQUEE scrollAmount=30 direction=right behavior=alternate height=70><P align=center>好我要网欢迎您</P></MARQUEE>

好我要网悠欢迎您

<MARQUEE scrollAmount=8 direction=up behavior=alternate height=70><P align=center>好我要网欢迎您</P></MARQUEE>


大字体文字特效:

好我要网欢迎您!

代码:

<font style=font:40pt face=华文行楷
color=008000>好我要网欢迎您!</font>

祝大家快乐

代码:<P><MARQUEE scrollAmount=8 direction=up behavior=alternate height=70><P align=center><MARQUEE scrollAmount=3 height=50><P align=center>好我要网祝大家快乐</P></MARQUEE></P></MARQUEE></P>


可将文字变成图片

代码:<P><MARQUEE scrollAmount=8 direction=up behavior=alternate height=70><P align=center><MARQUEE scrollAmount=3 height=50><P align=center>图片地址</P></MARQUEE></P></MARQUEE></P>


代码:<CENTER><MARQUEE height=87 scrollAmount=2 width=80 align="center" scrolldely="10"><B><FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">我 <IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif" ;></FONT></B></MARQUEE><MARQUEE height=87 scrollAmount=2 width=80 align="center" scrolldely="10"><B><FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">是 <IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif" ;></FONT></B></MARQUEE><MARQUEE height=87 scrollAmount=2 width=80 align="center" scrolldely="10"><B><FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">站 <IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif" ;></FONT></B></MARQUEE><MARQUEE height=87 scrollAmount=2 width=80 align="center" scrolldely="10"><B><FONT color=#6495ed face=汉鼎繁中变 style="FONT-SIZE: 30pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal">长 <IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif" ;></FONT></B></MARQUEE></CENTER>






代码:<marquee behavior="alternate"scrollamount=8 direction=right><MARQUEE behavior=alternate direction=up height=150 width=50><font color="#008000" size="6" face="隶书">春</font></MARQUEE><MARQUEE behavior=alternate direction=up height=200 width=50><img src=/user/tool/imag/logo160-60.gif></MARQUEE><MARQUEE behavior=alternate direction=up height=150 width=50><font size="6" face="隶书" color="#990000">夏</font></MARQUEE><MARQUEE behavior=alternate direction=up height=200 width=50><img src=/user/tool/imag/logo160-60.gif></MARQUEE><MARQUEE behavior=alternate direction=up height=150 width=50><font size="6" face="隶书" color="#FF9933">秋</font></MARQUEE><MARQUEE behavior=alternate direction=up height=200 width=50><img src=/user/tool/imag/logo160-60.gif></MARQUEE><MARQUEE behavior=alternate direction=up height=150 width=50><font color="#008000" size="6" face="隶书">冬</font></MARQUEE></MARQUEE>



快乐每一天 快乐每一天

代码:<p align="center"><FONT face=隶书 color="#008000" size=4><MARQUEE    direction=right width=150 height=30><IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif">快乐每一天<IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif"></MARQUEE><FONT face=隶书 color="#008000" size=4><MARQUEE    width=150 height=30><IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif">快乐每一天<IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif"></MARQUEE></FONT></FONT>



谢谢各位朋友,欢迎您的到来!

代码:<MARQUEE direction=right width=160 height=60><IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif"><FONT face=隶书 color=#ff0000 size=7>谢谢各位朋友,欢迎您的到来!<IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif"></FONT></MARQUEE></FONT>
<MARQUEE width=160 height=60><IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif"><FONT face=隶书 color=#ff0000 size=7>谢谢各位朋友,欢迎您的到来!<IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif"></FONT></MARQUEE><BR></P><BR></DIV>

欢迎你我的朋友 友朋的我你迎欢

代码:<MARQUEE width=160 height=60><IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif"><FONT face=隶书 color=#ff0000 size=7> 欢迎你我的朋友<IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif"></FONT></MARQUEE></FONT>
<MARQUEE direction=right width=160 height=60><IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif"><FONT face=隶书 color=#ff0000 size=7> 友朋的我你迎欢<IMG src="http://a.cdn.zhuolaoshi.cn/user/tool/imag/logo160-60.gif"></FONT></MARQUE></FONT></DIV>


网上冲浪



<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>网上冲浪</B></FONT>

网上冲浪





<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#DA70D6); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 方正舒体"><B>网上冲浪</B></FONT> <BR><BR></CENTER>

网上冲浪
<FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #00ff00; LINE-HEIGHT: 100%" face=汉鼎繁随意 size=6>网上冲浪</FONT><FONT style="FONT-SIZE: 55pt; FILTER: shadow(color=apar); WIDTH: 100%; COLOR: #ff00ff; LINE-HEIGHT: 100%; FONT-FAMILY: 汉鼎繁中变" size=6></FONT><FONT color=#ff00ff></FONT>


网上冲浪


<DIV style="FILTER: shadow(color=#6495ED, strength=60); WIDTH: 480px"><FONT face=华文彩云 color=#9932cc size=7><B><CENTER><BR>网上冲浪</B></CENTER></FONT><P></P></DIV>

网上冲浪


<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>网上冲浪</B></FONT></CENTER></DIV>


网上冲浪
<FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=3);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>网上冲浪</B></FONT>


爱我中华
<FONT style="FONT-SIZE:30pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>爱我中华</B></FONT>


好我要网,好多我要的
<FONT style="FONT-SIZE:30pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>好我要网,好多我要的<B></FONT>


快乐如歌,快乐如风
<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>快乐如歌,快乐如风</B></FONT>


华夏文明



<FONT style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:blue;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>华夏文明</B></FONT>


称雄世界




<FONT style="FONT-SIZE:30pt;filter:glow(color=gray,strength=4);WIDTH:100%; COLOR:green;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>称雄世界</B></FONT>

和谐中国


<CENTER><FONT style="FONT-SIZE: 60pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B><P>和谐中国 </P></B></FONT></CENTER></DIV><P></P>


欢迎你,我的朋友
<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#af2dco); WIDTH: 100%; COLOR: #730404; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷">欢迎你,我的朋友</FONT>

有情岁月

但愿长久

<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 510px; POSITION: relative">
<P align=center><FONT color=#f70909>有情</FONT><FONT color=#1111ee>岁月</FONT> </P><P align=center><FONT color=#dd22dd>但愿</FONT><FONT color=#228822>长久</FONT></P></FONT></CAPTION>



圈边的字

<CENTER>
<DIV style="FONT-SIZE: 52pt; FILTER: glow(color=ffff00, strength=5); WIDTH: 350px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative"><BR><BR>圈边的字<BR><BR></DIV></CENTER><BR></DIV>


右阴影的字

<CENTER>
<DIV style="FONT-SIZE: 52pt; FILTER: dropshadow(color=000000, offx=3, offy=3, positive=1); WIDTH: 350px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative"><BR><BR>右阴影的字<BR><BR></DIV></CENTER></DIV>

<MARQUEE scrollAmount=6 direction=right behavior=alternate><B><FONT color=#7700bb size=7><FONT color=lime><MARQUEE direction=up behavior=alternate width=90 height=200 align=middle>心</MARQUEE><FONT color=red><MARQUEE direction=up behavior=alternate width=90 height=150>动</MARQUEE><FONT color=orange></FONT></B></MARQUEE>



很好的网站


<P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 70px; FILTER: blur(add=1, direction=5,strength=10); WIDTH: 450px; POSITION: relative" color=#3333cc>很好的网站</FONT></CAPTION> <BR></CAPTION></P>
我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!
广告
点击返回首页!

CopyRight© 2008-2009 hao51xx.com, 本站部分资源来于网络,版权文责归原作者,对于任何事宜本站将在第一时间处理。

网警提醒您!请文明上网,遵守网络道德!