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

迎友松休闲乐园

勤奋造就成功,懒惰摧毁天才.,祝朋友工作顺利、事业辉煌、生活愉快、吉祥安康!

 
 
 

日志

 
 

让你的文字动起来--Marquee用法详解 .双星报喜 王雪晶、庄群施迎新年歌曲30首 真人原唱  

2010-04-05 12:37:53|  分类: 博客教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

让你的文字动起来--Marquee用法详解  


在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动。而我们使用HTML的Marquee语句则可以产生更多的移动效果:向左、向右、向上、向下。再嵌套使用marquee语句,效果就更加丰富了。
marquee的基本语法:<marquee> ... </marquee>
说明:与大多数HTML语法元素一样,它也是成双出现的,被修饰对象就放在起始符和终止符之间。请看如下例子:
<marquee> 啦啦啦,真的会动耶!</marquee>

啦啦啦,真的会动耶!


 
瞧,简单吧?不过,以上例子只是使用了marquee的默认用法。我们加入相应的参数,它的移动方法就有所不同了。
参数一:direction
direction的英文意思就是方向。这个参数的取值有四个:left(左)、right(右)、up(上)、down(下)。
例:<marquee direction=up>向上移动</marquee>

向上移动


 参数二:behavior
移动方式。值:scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。
例:<marquee direction=left behavior=alternate>哈哈,我来回走!</marquee>
 

哈哈,我来回走!


<marquee direction=left behavior=slide>累!我只走一次!</marquee>
 

vior=slide>累!我只走一次!


参数三:loop
循环。若未指定则循环不止(infinite),其值取数值。例:
<marquee loop=3>我只走三次哦</marquee>

我只走三次哦


参数四:scrollamount
移动速度。值取正整数。数值越大,速度越快。例:
<marquee scrollamount=25>看,我走多快!</marquee>
 

看,我走多快!


参数五:scrolldelay
延时。数值。例:
<marquee scrolldelay=1000>我走一走,停一停</marquee>
 

我走一走,停一停


参数六:bgcolor
底色。例:<marquee bgcolor=pink>看到了吧?有底色!</marquee>
 

看到了吧?有底色!


参数七:width和height
就是移动的宽度与高度了。例:
<marquee width=200 height=200 bgcolor=pink direction=down>这个面积不够我移动!</marquee>
 

这个面积不够我移动!


其他参数:
空白(Margins)<hspace=数值 vspace=数值>
对齐方式(Align) <align=top/ middle/bottom>

 

 

 

<marquee direction=left behavior=alternate>哈哈,我来回走!</marquee>

 

HEIGHT: 1px face=字体 color=文字颜色 size=文字大小

给鼠标上挂个漂亮图标(原创) - 阳光百合 - 阳光百合迎友松欢迎您给鼠标上挂个漂亮图标(原创) - 阳光百合 - 阳光百合

让你的文字动起来--Marquee用法详解   - 海阔天空 - 迎友松 祝五湖四海朋友 亲人们 吉祥如意


 

 

 

迎友松欢迎您!迎友松欢迎您

双星报喜 王雪晶、庄群施迎新年歌曲30首 真人原唱


点击进入看更多精彩内容

迎友松欢迎你再次光临指导
  评论这张
 
阅读(229)| 评论(24)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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