某些网站,为了增加用户体验,给页面加了一些特效,这样使用页面看起来很漂亮,其中上下,左右,或者是跳动的字体就是其中的一种效果,实现滚动字的效果的方法也很多,例如jq插件,js等,下面给大家介绍一个比较简单的方法可以实现以上说的效果,用marquee来实现。
滚动字幕Marquee代码大全,基本语法
- <marquee>滚动文字</marquee>
文字移动属性的设置
方向
- <directiondirection=#> #=left, right,up,down <marquee direction=left>从右向左移!</marquee>
方式
- <bihaviorbihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
- <marquee behavior=slide>只走一次就歇了!</marquee>
- <marquee behavior=alternate>来回走</marquee>
循环
- <looploop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P>
- <marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
- <marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>
速度
- <scrollamountscrollamount=#> <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>
延时
- <scrolldelayscrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
外观(Layout)设置
对齐方式(Align)
- <alignalign=#> #=top, middle, bottom <font size=6>
- <marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
- </font>
底色
- <bgcolorbgcolor=#> #=rrggbb 16 进制数码,或者是下列预定义色彩:
- Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
- Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色!</marquee>
面积
- <heightheight=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积!</marquee>
空白
- (Margins)<hspacehspace=# vspace=#>
- <marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>
鼠标响应:即鼠标指向就停,离开继续
例如:
好了就先介绍到这吧,既然访求简单,就难免会有不兼容的问题存在,在这里需要注意的是如果用到marquee里套marquee时,里的那个需要加一个宽度,否则会在ie上出现不兼容的情况。。。
零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。