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

寒情博客

http://8-com.blog.163.com

 
 
 

日志

 
 

移动文字全都汇  

2009-12-29 01:53:16|  分类: 〓博客教程〓 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
站内留言 交换链接 本站资源 电子邮件 QQ互动
一、从右向左移
从右向左移
代 码 如 下:<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>

七、来回移动
来回移动
代 码 如 下:<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: 用于设定字体。

     创意友情链接(电影胶片) - 寒情 - 寒情博客 移动文字全都汇 创意友情链接(电影胶片) - 寒情 - 寒情博客     创意友情链接(电影胶片) - 寒情 - 寒情博客 日志题图应用与代码
     创意友情链接(电影胶片) - 寒情 - 寒情博客 教你批量下载图片     透明flash·荷花素材(10) - 寒情 - 寒情博客 教你不用软件截图
     透明flash·荷花素材(10) - 寒情 - 寒情博客 博客公告栏制作     透明flash·荷花素材(10) - 寒情 - 寒情博客 如何上传Flash文件
     透明flash·荷花素材(10) - 寒情 - 寒情博客 如何下载Flash动画     透明flash·荷花素材(10) - 寒情 - 寒情博客 滚动条框制作方法
     透明flash·荷花素材(10) - 寒情 - 寒情博客 如何制作日志边框     透明flash·荷花素材(10) - 寒情 - 寒情博客 日志图文排列样式
     透明flash·荷花素材(10) - 寒情 - 寒情博客 日志标题框应用     透明flash·荷花素材(10) - 寒情 - 寒情博客 博客基本代碼解讀
更多的博客技巧与代码——点击阅读 >>>>>
博客技巧 电脑学堂 素材基地 清明上河图版本大全 - 寒情 - 8-com 的博客 软件学院 音画视听 精彩图酷
博客代码 书画艺术 游戏大厅 精美边框 顶栏模版 时钟超市
flash素材 影音素材 查看关于本站的更多信息搏客顶栏动态图片(一) - Q仔 - Q仔*网易博客 经典摘录 收藏本站
如果你喜欢此日志,请点击日志左下方的“推荐”,
让大家分享,也算是对寒情的支持,谢谢!
  评论这张
 
阅读(9771)| 评论(44)
推荐 转载

历史上的今天

评论

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

页脚

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