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

章鱼博客

与你共享

 
 
 

日志

 
 

文字的其它效果  

2009-01-31 21:38:50|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 跳跃的竖排文字

代码如下:

<P align=center>
<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7700bb size=5><FONT

color=lime>
<MARQUEE direction=right behavior=alternate width=500 height=200><B><FONT color=#7700bb

size=5><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=40 height=200 align="middle">你好吗

</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=150>在看吗</MARQUEE><FONT

color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=200>简单吧</MARQUEE><FONT

color=fuchsia>
<MARQUEE direction=up behavior=alternate width=40 height=150>学习呀</MARQUEE><FONT color=olive>
<MARQUEE direction=up behavior=alternate width=40 height=200>好看吗</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=40 height=150>记住啊</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=200>要努力</MARQUEE><FONT

color=orange>
<MARQUEE direction=up behavior=alternate width=40 height=150>别忘了</MARQUEE><FONT

color=orange></FONT></B></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></FONT></MARQUE

 效果

你好吗 在看吗 简单吧 学习呀 好看吗 记住啊 要努力 别忘了

加一个边框代码

<P align=center>
<TABLE borderColor=660000 cellSpacing=5 cellpadding=5 bgcolor=#FFE4C4 width=700 height=300

border=6>
<TR>
<TD>
把上面的代码全部放进这里
</td></tr></table>

看看效果怎样:

你好吗 在看吗 简单吧 学习呀 好看吗 记住啊 要努力 别忘了

 

代码解释:

MARQUEE   这是移动标记

scrollAmount=8 代表移动速度,数值越大速度越快  默认为6。

direction=right  代表移动方向,值表示向右移动。

behavior=alternate 代表移动方式,值表示来回交替移动。

direction=up   代表移动方向,值表示向上移动。

 


 

 文字在图片中穿梭的效果

代码如下

<CENTER>
<MARQUEE scrollAmount=2 width=50 height=70 scrolldely="10" align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#8A2BE2 size=4>穿 穿</FONT></MARQUEE>
<STRONG><IMG src="图片地址" width=100 height=120> </STRONG>
<MARQUEE scrollAmount=2 width=50 height=70 scrolldely="10" align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#7FFF00 size=4>梭 梭</FONT></MARQUEE>
<STRONG><IMG src="图片地址" width=100
height=120
> </STRONG>
<MARQUEE scrollAmount=2 width=50 height=70 scrolldely="10" align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#FFD700 size=4>文 文</FONT></MARQUEE>
<STRONG><IMG src="图片地址" width=100
height=120
> </STRONG>
<MARQUEE scrollAmount=2 width=50 height=70 scrolldely="10" align="center"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=宋体 color=#ff0000 size=4>字 字</FONT></MARQUEE></CENTER>

说明:

粉红色代码表示文字移动的速度,值越大移动的速度越快。

改变棕色代码的值,图片和文字的宽度与高度会有变化。

红色代码的宽与高的值必须要和图片的实际尺寸的宽度和高度一致,这样图片不会失真。

请看效果:

穿 穿学代码美化博客--文字的其它效果 - 缘之梦 - 缘之梦 梭 梭学代码美化博客--文字的其它效果 - 缘之梦 - 缘之梦 文 文学代码美化博客--文字的其它效果 - 缘之梦 - 缘之梦 字 字

 


 文字在图片中游动的效果

代码:

<TABLE borderColor=#6495ED height=350 width=600 align=center border=5>
<TBODY>
<TR>
<TD background=图片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=600>
<P align=center><FONT face=隶书 color=#ff0000 size=5 >
認識我嗎!<br>我叫金喜善!<br>請多多關照!!! </FONT></P></MARQUEE></MARQUEE>
</TD></TR></TBODY></TABLE>

说明:

图片可以更换、字体、字号和颜色也可以更换

效果:

認識我嗎!
我叫金喜善!
請多多關照!!!

 

 

 

 

文字在图片中向上的效果

代码:

<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH:

97%; WORD-BREAK: break-all; TEXT-INDENT: 30px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP:

break-word" auto';">
<P align=center><BR>
<TABLE height=400 cellSpacing=0 cellPadding=0 width=600 align=center bordercolor=#8A2BE2

background=图片地址

border=3>
<TBODY>
<TR>
<TD>
<P align=center>
<MARQUEE scrollAmount=3 direction=up>
<P align=center><FONT face=华文行楷 color=#ffffff size=5>朋友您好!</FONT></P>
<P align=center><FONT face=华文行楷 color=#ffffff size=5>认识我吗!</FONT></P>
<P align=center><FONT face=华文行楷 color=#ffffff size=5>请您猜猜!

</FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></P></DIV>

说明:

图片可以更换、字体、字号和颜色也可以更换

效果:


朋友您好!

认识我吗!

请您猜猜!

 


彩色字体的效果

代码:

<CENTER>
<FONT face=宋体 color=ff0000 style=font:30pt><B>

<FONT color=0000ff>平

<FONT color=#069070>哥

<FONT color=green>歡
<FONT color=#A52A2A>迎
<FONT color=ff00ff>您
<FONT color=#6495ED>!
</FONT></CENTER>

说明:

<CENTER>  :这是居中标记

face=#        : 表示设置什么字体

<B>           :    表示字体加粗

color=#      :  表示设置什么颜色

style=font:30pt   :这是css语句,表示字体的大小30可以修改,值越大字体也越大。

效果:

!
 
 
 
 
  评论这张
 
阅读(279)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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