游戏技术文章

会动的文字Marquee应用

时间:2017-1-3 14:03:40  作者:棋牌资源网  来源:棋牌资源网  查看:7690  评论:0
内容摘要:想要做个滚动公告,看了网上的教程,无一不是很恐怖的场频啊java语言编制的JS,或者就是各种复杂,无意中发现了Marquee这东西,用了一下,很简单,只需两行代码,即可以实现很好的效果,特此分享一下。      &nbs...
想要做个滚动公告,看了网上的教程,无一不是很恐怖的场频啊java语言编制的JS,或者就是各种复杂,无意中发现了Marquee这东西,用了一下,很简单,只需两行代码,即可以实现很好的效果,特此分享一下。

        首先,Marquee是一个标签使用方法为<marquee 加属性参数>内容  </marquee> 然后用css定位即可以。定位时整个语句是被当作一个相对于上一级标签的对象,用padding进行定位即可。

        下面介绍一下各种属性及参数的使用:

        基本语法

 

        <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 进制数码,或者是下列预定义色彩:
BlackOliveTealRedBlueMaroonNavyGrayLime
FuchsiaWhiteGreenPurpleSilverYellowAqua
<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>
 

 

    这是在某不知名网页找到的一个非常生动的应用。

 

    一般只需marqueebehavior="" scrollamount="" hspace="" width="" height="" onmouseover="this.stop();"onmouseout="this.start();" 这几个属性即可以做出非常正式的滚动公告了。例如:http://www.pahuai.com(酒源酒业)首页滚动公告栏,可以参考一下。

 

 

标签:会动的文字Marquee应用 

欢迎加入VIP,【VIP售价:只要288元永久VIP会员】畅享商业棋牌游戏程序下载,点击开通!

下载说明


☉本站所有源码和资源均由站长亲自测试-绝对保证都可以架设,运营!
☉如源码和资源有损坏或所有链接均不能下载,请告知管理员,

☉本站软件和源码大部分为站长独资,资源购买和收集,放心下载!

☉唯一站长QQ:1004003180  [人格担保-本站注重诚信!]

☉购买建议E-mail:1004003180@qq.com   源码收购 E-mail:1004003180@qq.com    

☉本站文件解压密码  【文章内都自带解压密码,每个密码不同!】


本站提供的所有源码,均来源站长提供,仅学习交流 浙ICP备09009969号

由此产生不良后果和法律责任与本站无关,如果侵犯了您的版权,请来信告知 1004003180@qq.com 将及时更正和删除! 

Copyright © 2008-2024 棋牌资源网,你身边的棋牌资源下载站    All Rights Reserved