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

XUE HAI BLOG

鸟瞰家乡 美丽独特 多骄如画 家乡明天更美好

 
 
 

日志

 
 

☆移動文字全都彙  

2008-08-23 17:40:48|  分类: 【動態文字】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
◆移动文字全都汇◆
4文字的滚动特效代码 3上一篇 7 ||||
|||| 4本篇日志 3 ||||
一、从右向左移
从右向左移
代 码 如 下:<marquee direction=left>从右向左移</marquee>

二、从左向右移
从左向右移
代 码 如 下:<marquee direction=right>从左向右移</marquee>

三、从下向上移动
从下向上移动
代 码 如 下:<marquee direction=up><div align="center">从下向上移动</div></marquee>

四、从上向下移动
从上向下移动
代 码 如 下:<marquee direction=down><div align="center">从上向下移动</div></marquee>

五、只移动三次就停了
只移动三次就停了
代 码 如 下:<MARQUEE loop=3 beha vior="slide">只移动三次就停了</MARQUEE>

六、移一步,停一停
移一步,停一停
代 码 如 下:<marquee scrolldelay=500 scrollamount=100>移一步,停一停</marquee>

七、来回移动
vior=alternate>来回移动
代 码 如 下:<marquee behavior="alternate">来回移动</marquee>

八、忽隐忽现移动
忽隐忽现移动
代 码 如 下:<MARQUEE beha>
<MARQUEE beha direction=right width=150>忽隐忽现移动</MARQUEE></MARQUEE>

九、从左上向右下移动
从左上向右下移动
代 码 如 下:<marquee direction=right><marquee width=200 direction=down>从左上向右下移动</marquee>

十、从右上向左下移动
从右上向左下移动
代 码 如 下:<marquee direction=left><marquee direction=down>从右上向左下移动</marquee>

十一、从左下向右上移动
从左下向右上移动
代 码 如 下:<marquee direction=right><marquee direction=up>从左下向右上移动</marquee>

十二、从右下向左上移动
从右下向左上移动
代 码 如 下:<marquee direction=left><marquee direction=up>从右下向左上移动</marquee>

十三、水平相反移动

水平相反移动 动移反相平水

代 码 如 下:<MARQUEE width=150>水平相反移动</MARQUEE>
<MARQUEE direction=right width=150>动移反相平水</MARQUEE>

十四、左右两边向中间移动
左右两边向中间移动 动移间中向边两右左
代 码 如 下:<MARQUEE direction=right width=150>左右两边向中间移动</MARQUEE>
<MARQUEE width=150>动移间中向边两右左</MARQUEE>

十五、从上下向中间移动
从上下向中间移动 从上下向中间移动
代 码 如 下:<MARQUEE scrollAmount=2 direction=down height=50>从上下向中间移动</MARQUEE>
<MARQUEE scrollAmount=2 direction=up height=50>从上下向中间移动</MARQUEE>

十六、从中间向上下移动
从中间向上下移动 从中间向上下移动
代 码 如 下:<MARQUEE scrollAmount=2 direction=up height=50>从中间向上下移动</MARQUEE>
<MARQUEE scrollAmount=2 direction=down height=50>从中间向上下移动</MARQUEE>

十七、文字穿梭移动
文    文     字    字     穿    穿     梭    梭
代 码 如 下:<marquee scrollAmount=2 width=30 height=20>文&nbsp;&nbsp;&nbsp;&nbsp;文</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width=30 height=20>字&nbsp;&nbsp;&nbsp;&nbsp;字</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width=30 height=20>穿&nbsp;&nbsp;&nbsp;&nbsp;穿</marquee>&nbsp;&nbsp;&nbsp;&nbsp;<marquee scrollAmount=2 width=30 height=20>梭&nbsp;&nbsp;&nbsp;&nbsp;梭</marquee>

十八、波浪式复合移动
波浪式复合移动
代 码 如 下:<MARQUEE style="FILTER: wave(add=1,phase=4, freq=1,strength=50)" scrollAmount=2 scrollDelay=65 direction=up height=100 beha>波浪式复合移动
</MARQUEE>

十九、双层交叉移动
双层交叉移动 双层交叉移动
代 码 如 下:<TABLE><TBODY><TR>
<TD vAlign=top width=1><MARQUEE scrollAmount=1 direction=down>
双层交叉移动</MARQUEE></TD><TD width=288><MARQUEE scrollAmount=2 scrollDelay=65 direction=up>
双层交叉移动</MARQUEE></TD></TR></TBODY></TABLE>

二十、文字两翼移动
<<<文字两翼移动 >>>
代 码 如 下:<MARQUEE scrollAmount=3 width="10%"><<<</MARQUEE>文字两翼移动<MARQUEE scrollAmount=3 direction=right width="10%">>>></MARQUEE>

二一、文字躺着走
文字躺着走
代 码 如 下:<MARQUEE><FONT  face=@宋体>文字躺着走</MARQUEE>

二二、移动后消失
代 码 如 下:<MARQUEE style="WIDTH: 288px; HEIGHT: 120px" scrollAmount=5 direction=up>
<CENTER><DIV><MARQUEE direction=up height=100 beha><WBR><CENTER>移</CENTER></MARQUEE><MARQUEE direction=up height=100 beha><WBR><CENTER>动</CENTER></MARQUEE><MARQUEE direction=up height=100 beha><WBR><CENTER>后</CENTER></MARQUEE><MARQUEE direction=up height=100 beha><WBR><CENTER>消</CENTER></MARQUEE><MARQUEE direction=up height=100 beha><WBR><CENTER>失</CENTER></MARQUEE></DIV>

二三、文字竖排横移
 

文字竖排横移
文字竖排横移
文字竖排横移
文字竖排横移
文字竖排横移

代 码 如 下:<MARQUEE style="WIDTH: 300px; HEIGHT: 100px" scrollAmount=1 direction=right height=325><FONT color=#ff00ff>&nbsp;</FONT>
<DIV style="WIDTH: 205px; WRITING-MODE: tb-rl">
<P align=left><FONT ><STRONG><FONT  size=4 color=#ff0000>文字竖排横移<BR>文字竖排横移 <BR>文字竖排横移 <BR>文字竖排横移<BR>文字竖排横移 </FONT></STRONG></DIV></MARQUEE></DIV>

附  注
主要参数明

align:是设定活动对象(图片或文字)的位置。

direction:用于设定活动对象的移动方向。

behavior="scroll"表示由一端移动到另一端。

behavior="slide"表示由一端移动到另一端,且不再重复。

behavior="alternate"表示在两端之间来回移动。

height:用于设定移动对象的高度。

width:则设定移动对象的宽度。

hspace:用于设定移动对象的左右边框宽度。

vspace:上下边框的宽度。

scrollamount:用于设定活动对象的移动距离,数值大越移动越快。

scrolldelay:用于设定移动两次之间的延迟时间,数值越大越有跳跃感。

loop:用于设定移动的次数,不设置该值则为无限循环

style="font-size: "用于设定文字大小。

wline-htight: 用于设定文字行间距。

font-family: 用于设定字体。

返回【博客学堂】博客时钟自己做     - Q仔 - 目录

返回◆ 博客制作基本代码总汇 ◆目录
基本制作代码 首页装饰模块 ★ 静态背景素材 动态背景素材
导航与链接 基本制作技巧 FLSAH动画素材 FLSAH动画组合
鼠标特效大全 ★查看本站的更多信息★ 生活百科知识
人体艺术欣赏 休闲娱乐游戏
<视频欣赏> <音画欣赏> <音乐欣赏> ☆
学海博客-欢迎您光临浏览选用!
学海博客-欢迎您光临浏览选用!
Q-仔移动文字全都汇(原创)2009新编
  评论这张
 
阅读(960)| 评论(6)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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