注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

快乐

人生終極目標是「快樂」

 
 
 

日志

 
 
关于我

我是一個長者,做過黃金化練員,電器技工,我愛好聽音樂,睇電視,閱讀報紙等.【 请朋友垂注】:老顽童「 谢绝参加圈子」、「谢绝会面」,「謝絶博友推銷產品」、「如有辱國言論留言者,留言將會刪除」、我只作網上結友交流而已!

网易考拉推荐

文字特效移动代码大全  

2009-07-28 20:37:25|  分类: 教程类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

文字特效移动代码大全

先来简单说说语法!

基本语法:
<marquee>需要移动的文字</marquee>
<direction=#>

  1.方向 #=left, right ,up,down,
例:<marquee direction=left>从右向左移动</marquee>>
<marquee direction=right>从左向右移动</marquee>>

<marquee direction=right>文字自左向右移 </marquee>


  2.次数 <bihavior=#> #=scroll, slide, alternate
例:<marquee behavior=scroll>一圈一圈的绕着移动</marquee>>
<marquee behavior=slide>只移动一次就停</marquee>>
<marquee behavior=alternate>来回移动,不停</marquee>>


  3.循环 <loop=#> # =次数,若未指定则循环不止(infinite)
例:<marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee>


  4.速度加快 <scrollamount=#>
例:<marquee scrollamount=20>移动速度加快</marquee>>


  5.速度减慢 <scrolldelay=#>
例:<marquee scrolldelay=500 scrollamount=100>移动速度减慢</marquee>


  6.底色 <bgcolor=#>
#=rrggbb 16进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, 
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 
例:<marquee bgcolor=red>是红色的</marquee>


  7.面积 <height=# width=#> 
  例:<marquee height=80 bgcolor=red>面积变大了</marquee>

——————————————————————————

代码解释:
<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP"

background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00"

bordercolordark="#00FFFF">

width="400"
表格宽度,接受绝对值(如 500)及相对值(如 80%)。

border="10"
表格边框的厚度。

cellspacing="2"
表格格线的厚度

cellPadding=5 表格格线内厚度

align="CENTER"
表格的摆放位置(水平),可选值为:左: left, 右: right, 居中: center

valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。   

background="背景图片网址"
表格的背景图片,与 bgcolor 不要同用。

bgcolor="#0000FF"
表格的底色,与 background 不要同用

bordercolor="#CF0000"
表格边框颜色

bordercolorlight="#00FF00"
表格边框向光部分的颜色

bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效


一、文字大小、字体、颜色
1. 设置文字大小的属性是"size"他的取值范围是1到7。其中1为最小,7为最大
格式:<fonr size=文字大小>被设置的字</font>
2. 设置文字字体属性是"face"
格式:<font face=文字字体>被设置的字</font>
3. 设置文字颜色的属性是"color"
格式:<fonr color=文字颜色>被设置的字</font>

二、文字其它基础效果
1. 文字加粗:<b>被设置的字</b>
2. 文字斜体:<i>被设置的字</i>
3. 文字下划线:<u>被设置的字</u>
4. 文字删除线:<s>被设置的字</s>
5. 文字移动
格式:<marquee scrollAmount="移动速度" direction="方向" >被设置的字</marquee>
设置移动速度属性是scrollAmount,他的取值范围是1到10。其中1为最慢,10为最快
设置移动方向属性是direction,"up"(上),"down"(下),"left"(左),"right"(右)

三、文字段落设置
1. 文字换行:换行标记是<br>,放在文字结尾处使得其后的文字在下一行显示
2. 文字段控制:段落标记是<p>,放在文字后,使其后文字空一行后换行显示
这里介绍<p>标记的一个简单属性:"align"用来设置文字段落的对齐方式。
属性值有"center"(居中对齐),"left"(向左对齐),"right"(向右对齐)
格式:<p align=属性值>被设置的段落</p>
3. 文字的分区显示:标记为<div> ,属性同<p>
格式:<div align=属性值>被设置的段落</div>

四、文字链接设置
1. 点击文字转到链接地址
格式:< a href="所要连接的相关地址">被设置的字</a>
2. 点击文字在新窗口中打开链接地址
格式:<a href="相关地址" target="_blank">被设置的字</a>

———————————————————————————————————————— 

竖排向右移动的字:

一片枫叶隨风飘
为一个刻意的追求
触摸过海的眼泪
尝过无名河的忧伤
一片枫叶隨风飘
只为一缕伤感的温柔
去探寻梦里的美丽
梦后装点心情的沉重
一片枫叶隨风飘
只为一次曾经的拥有
洒尽一世悲欢离合
享受了春夏秋冬朦胧
一片枫叶隨风飘
为一场剪不断的情愁
曾捕捉瞬间的春意
去温暖那孤寂的心房
一片枫叶隨风飘
曾经为那转身的挥手
那渐行渐远的脚步
伤心泪落梳理着伤痛
一片枫叶隨风飘
掠过大家心灵的天穹
送上柔丝般的话语
唤醒人性青涩的朦胧
一片枫叶隨风飘
抚慰失意积郁的冰封
捧出春天般的心扉
带给大家暖意的消融
一片枫叶隨风飘
走过寂寞滴翠的春梦
掬来晴空中的净水
红遍这片守望的田垅

竖排向右移动的字:代码
<DIV align=center>
<MARQUEE style="WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>
<P align=left><FONT style="FONT-SIZE: 18pt; COLOR: #ea0000; FONT-FAMILY: 方正姚体" color=#ff0000>一片枫叶隨风飘<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>抚慰失意积郁的冰封<BR>捧出春天般的心扉<BR>带给大家暖意的消融 <BR>一片枫叶隨风飘<BR>走过寂寞滴翠的春梦<BR>掬来晴空中的净水<BR>红遍这片守望的田垅 <BR><BR></FONT></P></MARQUEE></DIV>

 
(1)

一、html代码:
1、基本语法:
<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

2、属性如下:
align=center 表示字体居中,可选值为居右(right)居左(left)
color=颜色代码 ff0000(红色) 00ff00(绿色) 0000ff(蓝色) 000000(黑色) ffffff(白色)

              还可以改变数值,变化出若干种颜色,如:ff5577, 33ff99, 8855ff,数值不同,

              颜色就不同了.例如,红色就表示为:color=#ff0000

face=字体 说明:需要什么字体就输入什么字体几个字,如,我要“华文行楷”,就表示为:

                face=华文行楷
size=字体大小   如,size=1  size=2  size=5

效果:

相逢何必曾相识,缘聚缘散皆有缘

(2) <DIV align=center>
<DIV style="FILTER: shadow(color=#FF0000, strength=60); WIDTH: 350px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 45pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ffffff>〈老顽童〉欢迎你<BR><BR></FONT></DIV></DIV>  
效果:
〈老顽童〉欢迎你

 

5 金边红字代码:

<DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 700px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 68pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#e31c1b>老顽童欢迎您</FONT></DIV>

效果:

老顽童欢迎您

 

6 用闪图做特效字:

代码:
<P align=center>
<P>
<TABLE cellSpacing=0 cellPadding=0 width=692 align=center background=http://www.fshome.com.cn/bbs/UploadFile/200551319401338301.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE width=700 align=center background=http://www.2000y.net/bbs/UploadFile/2005-8/200582622595025744.jpg>
<TBODY>
<TR>
<TD align=middle>
<P><FONT style="FONT-WEIGHT: 600; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=黑体 color=#336699>老顽童欢迎您!</FONT><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 55pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=隶书 color=#336699></P></FONT></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV><BR>
<P></P>

效果:


老顽童欢迎您!

 

此特效代码如下:

老顽童

~欢迎你~

此特效代码如下:<DIV style="FILTER: shadow(color=#FF0000 , strength=60); WIDTH: 480px"><FONT face=华文行楷 color=#ffffff size=6><B><CENTER><BR>老顽童<CENTER> <CENTER><BR>~欢迎你~</CENTER></FONT></DIV><BR>

此特效代码如下:<DIV style="FILTER: shadow(color=#FF0000, strength=60); WIDTH: 480px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#FFFFFF>欢迎你</FONT> </DIV> <BR>

欢迎你

此特效代码如下:<DIV style="FILTER: glow(color=#c299ff, strength=60); WIDTH: 400px"><FONT face=隶书 color=#8a2be2 size=7><B><BR>欢迎你</FONT></B> </DIV><BR>


此特效代码如下:<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>老 </FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>顽</FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>童</FONT></B></B></MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000><B>来</FONT></B></B></MARQUEE> </FONT></CENTER><BR>

2009年6月5日 - 老頑童 - 老頑童博客    美丽香港夜景

  评论这张
 
阅读(56)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017