当前位置: 电脑软硬件应用网 > 设计学院 > 网页特效 > 正文
会移动的文字(Marquee)
会移动的文字(Marquee)
2005-12-30 19:02:12  文/45IT收集   出处:电脑软硬件应用网   

基本语法

<marquee> ... </marquee>
<marquee>啦啦啦,我会移动耶!</marquee> 
啦啦啦,我会移动耶!

文字移动属性的设置 

方向 <direction=#> #=left, right
<marquee direction=left>啦啦啦,我从右向左移!</marquee> <P>
<marquee direction=right>啦啦啦,我从左向右移!</marquee> 
啦啦啦,我从右向左移!

啦啦啦,我从左向右移!

方式 <bihavior=#> #=scroll, slide, alternate
<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee> <P>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> <P>
<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee> 
啦啦啦,我一圈一圈绕着走!

啦啦啦,我只走一次就歇了!

啦啦啦,我来回走耶!

循环 <loop=#> #=次数;若未指定则循环不止(infinite)
<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee> <P>
<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟哟!</marquee> <P>
<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟哟!</marquee> 
啦啦啦,我只走 3 趟哟!

啦啦啦,我只走 3 趟哟!

啦啦啦,我只走 3 趟哟!

速度 <scrollamount=#>
<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee> 
啦啦啦,我走得好快哟!

延时 <scrolldelay=#>
<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee> 
啦啦啦,我走一步,停一停!

 外观(Layout)设置

对齐方式(Align) <align=#> #=top, middle, bottom
<font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>
对齐上沿、中间、下沿。 
啦啦啦,我会移动耶!对齐上沿。

啦啦啦,我会移动耶!对齐中间。

啦啦啦,我会移动耶!对齐下沿。


底色 <bgcolor=#> 
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, 
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 
<marquee bgcolor=aaaaee>啦啦啦,我会移动耶!</marquee> 
啦啦啦,我会移动耶!

面积 <height=# width=#>
<marquee height=40 width=50% bgcolor=aaeeaa>
啦啦啦,我会移动耶!
</marquee> 
啦啦啦,我会移动耶!

空白(Margins)<hspace=# vspace=#>
********************************************<br>
嗨,
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>啦啦啦,我会移动耶!</marquee>
大家好!<br>
******************************************** 
********************************************
嗨, 啦啦啦,我会移动耶!大家好!

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    网页特效代码:仿京东的商品分类导航…
    不能屏蔽的网页右下角窗口特效
    装载页面进度条代码
    链接特效之js做引用文章链接代码
    左右移动转换文字特效HTML代码解析
    网页页面实现自动刷新的3种代码
    网页特效代码:纯css下拉菜单列表
    JS特效代码:实现间歇无缝文字滚动特…
    文字滚动特效(兼容多浏览器)
    网页特效代码:JavaScript显示系统时…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号