本篇内容主要讲解“html css如何实现上下左右字幕滚动”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“html css如何实现上下左右字幕滚动”吧!

我们提供的服务有：成都做网站、成都网站设计、成都外贸网站建设、微信公众号开发、网站优化、网站认证、澧县ssl等。为千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的澧县网站制作公司

marquee的基本语法： … ,与大多数HTML语法元素一样，它也是成双出现的，被修饰对象就放在起始符和终止符之间。而且它自己可以实现鼠标悬停的效果，下面解释一下各参数的含义：

align：是设定活动字幕的位置，除了居左、居中、居右三种位置外，又增加靠上（top）和靠下（bottom）两种位置。

Bgcolor：用于设定活动字幕的背景颜色，可以使用英文的单词也可以是十六进制数的。

Direction：用于设定活动字幕的滚动方向是向左（left）、向右（right）、向上（up）、向下（down）。

Behavior：用于设定滚动的方式，主要由三种方式：

 behavior=”scroll”表示由一端滚动到另一端；

 behavior=”slide”:表示由一端快速滑动到另一端，且不再重复；

 behavior=”alternate”表示在两端之间来回滚动。

Height：用于设定滚动字幕的高度。

Width：则设定滚动字幕的宽度。

Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度。

Scrollamount：用于设定活动字幕的滚动距离。数值越小，滚动的速度就越快。

scrolldelay：用于设定滚动两次之间的延迟时间，数值越小，间隔就越小。

Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。其中默认情况是向左滚动无限次，字幕高度是文本高度；滚动范围：水平滚动的宽度是当前位置的宽度；垂直滚动的高度是当前位置的高度。

onmouseover: 用于设定鼠标移动到marquee块上执行的操作。

onmouseout: 用于设定鼠标从marquee块上移出后执行的操作。

闲话不说，举个例子:

啦啦啦，真的会动耶！

啦啦啦，真的会动耶！

瞧，简单吧？不过，以上例子只是使用了marquee的默认用法。我们加入相应的参数，它的移动方法就有所不同了。

参数一：direction

direction的英文意思就是方向。这个参数的取值有四个：left（左)、right(右)、up(上)、down(下)。

例：向上移动

向上移动

参数二：behavior

移动方式。值：scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。

例：哈哈，我来回走！

哈哈，我来回走！

累！我只走一次！

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

参数三：loop

循环。若未指定则循环不止(infinite)，其值取数值。例：

我只走三次哦

我只走三次哦

参数四：scrollamount

移动速度。值取正整数。数值越大，速度越快。例：

看，我走多快！

看，我走多快！

参数五：scrolldelay

延时。数值。例：

我走一走，停一停

我走一走，停一停

参数六：bgcolor

底色。例：看到了吧？有底色！http://www.changhai120.com/

看到了吧？有底色！

参数七：width和height

就是移动的宽度与高度了。例：

这个面积不够我移动！

这个面积不够我移动！

其他参数：

空白(Margins)

对齐方式(Align)

到此，相信大家对“html css如何实现上下左右字幕滚动”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

分享标题：htmlcss如何实现上下左右字幕滚动
标题URL：http://kswjz.com/article/iidiej.html