htmlcss怎么实现上下左右字幕滚动

这篇文章主要介绍了html css怎么实现上下左右字幕滚动的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇html css怎么实现上下左右字幕滚动文章都会有所收获，下面我们一起来看看吧。

创新互联是一家集网站建设,资源企业网站建设,资源品牌网站建设,网站定制,资源网站建设报价,网络营销,网络优化,资源网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

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怎么实现上下左右字幕滚动”这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对“html css怎么实现上下左右字幕滚动”知识都有一定的了解，大家如果还想学习更多知识，欢迎关注创新互联行业资讯频道。