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

青松的博客

夕阳无限好、枯木又逢春

 
 
 

日志

 
 

引用 引用 特效文字代码的制作方法汇集  

2010-01-07 13:46:11|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

有悔无愧引用 特效文字代码的制作方法汇集

 

引用

吉祥3R特效文字代码的制作方法汇集

一、设置可移动的文字: 

1、上下左右移动:

基本语法代码:
<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

说明:移动速度数值,1最慢,数字越大越快.

属性如下:
direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

代入例子:         direction=up(这是向上例子)

向上效果:

欢迎光临吉祥3R博客!

向下效果: 欢迎光临吉祥3R博客!

向左: 欢迎光临吉祥3R博客!

向右: 欢迎光临吉祥3R博客!


2、设置不同移动效果的文字:

基本语法代码:
<marquee behavior=移动效果>插入文字,</marquee>

属性如下:
behavior=scroll 一圈一圈绕着走
behavior=slide 只走一次 

behavior=alternate 来回走

效果如下:

一圈一圈绕着走: 欢迎光临吉祥3R博客!

只走一次: vior=slide>欢迎光临吉祥3R博客!

来回走: 欢迎光临吉祥3R博客!


3、走走停停文字设置:

基本语法代码:
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

效果:

欢迎光临吉祥3R博客!


二、设计不同特效的文字代码:

1、基本语法代码:
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=660> <IMG src="图片地址"><FONT color=red face=楷体_gb2312 size=6>插入文字</FONT></MARQUEE></MARQUE></MARQUEE>

说明:如果不显示图片,就干脆把<IMG src="图片地址">这个图片路径代码删掉.
效果:

vior=altrnate width=660>欢迎光临吉祥3R博客!

2、基本语法代码:

<P align=center><FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=350>插入文字</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=350>插入相反的文字</MARQUEE></FONT></FONT></P>


提醒:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。

效果:

欢迎光临吉祥3R博客!

欢迎光临吉祥3R博客!

3、由中间向两边移动文字基本语法代码:

<P align=center> </P>
<P align=center><FONT face=华文彩云 color=#ee110e size=5>
<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="图片地址" >由中间向两边移动的文字和图像 </FONT></MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1111 size=5>
<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="图片地址" ></FONT></MARQUEE></FONT></FONT></P></FONT>

看看效果吧!

多种特效文字的制作代码 - 吉祥3R - 吉祥3R的博客由中间向两边移动的文字和图像 像图和字文的动移边两向间中由多种特效文字的制作代码 - 吉祥3R - 吉祥3R的博客

4、(1)交替跳跃文字基本语法代码:

<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>交</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>替</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>跃</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>

看看效果吧!

3R

(2)基本语法代码:

<CENTER><FONT face=隶书 color=red size=25>

<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><FONT color=yellow>

<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><FONT color=brown>

<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE><FONT color=green>

<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE><FONT color=yellow>

<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE><FONT color=orange>

<MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT

看看效果吧!

5、文字在图片上向上移动的基本语法代码:

<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" auto';">
<P align=center><BR>
<TABLE height=400 cellSpacing=0 cellPadding=0 width=580 align=center background=http://photo.qingdaonews.com/qdPhotoNet/photo/2004-11/20041124213317.jpg border=3>
<TBODY>
<TR>
<TD>
<P align=center>
<MARQUEE scrollAmount=3 direction=up>
<P align=center><FONT face=华文行楷 color=#ff0000 size=8>朋友您好!</FONT></P>
<P align=center><FONT face=华文行楷 color=#ff0000 size=8>亲自动手!</FONT></P>
<P align=center><FONT face=华文行楷 color=#ff0000 size=8>体验成功!</FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></P></DIV>

看看效果吧!

朋友您好!

亲自动手!

体验成功!

 

6、竖排渐出字基本语法代码:

(1)竖排渐出字:

<DIV align=center>

<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>

<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>

<P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; 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></FONT></P></MARQUEE></MARQUEE></DIV>

看看效果吧!

vior=slide loop=1 width=550 height=293>

我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁

燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行


(2)看看添加背景后的效果:

vior=slide loop=1 width=450 height=293>

我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁

燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行

方法是:将第15例的所有代码嵌入下面的代码中,然后在“背景图片地址”处换上你所喜欢的图片地址,调整一下图片的宽度和高度,合适为止。基本代码如下:

<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
           <TBODY>
           <TR>
           <TD background=背景图片地址>
第15例的所有代码</TD></TR></TBODY></TABLE> 

  评论这张
 
阅读(198)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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