[前端] marquee使用

来源:互联网 发布:网络用语你妹什么意思 编辑:程序博客网 时间:2024/06/05 06:54

先上代码:

<marquee behavior="alternate" direction="left" scrollamount="5" loop="-1" onmouseover="this.stop()" onmouseout="this.start()">    <a href="">hello</a>    <a href="">hello</a>    <a href="">hello</a>    <a href="">hello</a>    <a href="">hello</a>    <a href="">hello</a></marquee>

后上介绍:

marquee
功能:
使文字或者图片等产生移动效果
语法:
<marquee loop="value1" behavior="value2" ....> displaydata </marquee>
<marquee>是成对标记

truespeed 
未知意义

loop
设定跑马灯的次数

behavior
设定走动方式
 scroll 跑到尽头后再重新开始(默认)
 slide 跑完一次就不跑了
 alternate 以左右来回移动的方式跑

direction
设定跑马灯移动方向
 left 从右向左(默认方式)
 right 从左向右

scrolldelay
设定移动速度,用来设定延迟时间
数值越大,速度越慢(默认为90)
单位以毫秒来计算

scrollamount
设定移动速度,跑马灯移动距离
数值越大,速度越慢(默认为6)
以移动的pixel为单位

width
调整跑马灯的宽度

height
调整跑马灯的高度

bgcolor
设定跑马灯的背景颜色

<MARQUEE> 
只适用于 IE ,叫做"跑马灯 Status Bar 的那种,意指走动或卷动的文字,其参数设定比较多。
<marquee behavior="SCROLL" direction="LEFT" bgcolor="#0000FF" height="30" width="150" hspace="0" vspace="0" loop="INFINITE" scrollamount="30" scrolldelay="500">Hello</marquee> 

behavior="SCROLL" 
决定文字的卷动方式,可选值为: 
SCROLL 
一般卷动,是内定值。 
SLIDE 
如幻灯片,一格格的,文字一接触左边便全消失。 
ALTERNATE 
文字向左右两边撞来撞去。 

direction="LEFT" 
设定文字設定文字的卷动方向,LEFT 表示向左,是内定值,RIGHT表示向右。 

bgcolor="#0000FF" 
设定文字卷动范围的背景颜色,颜色值可参考【调色原理】。 

height="30" width="150" 
>
设定文字卷动范围,可采用相对或绝对,如 30%  30 等,单位为像素。 

hspace="0" vspace="0" 
设定文字的水平及垂直空白位置。 

loop="INFINITE" 
设定文字卷动次数,其值可以是正整数或 INFINITEINFINITE 是默认值,表示无限次。 

scrollamount="30" 
每「格」文字间的间隔,单位是像素。 

scrolldelay="500" 
文字卷动的停顿时间,单位是毫秒。


关注我,关注我的博客,提出你的意见,我会写的更好!



0 0
原创粉丝点击