您的位置首页生活百科

HTML网页制作:[8]添加滚动效果

HTML网页制作:[8]添加滚动效果

的有关信息介绍如下:

HTML网页制作:[8]添加滚动效果

滚动效果,是网页的常用效果,比如从右到左滚动,或者反过来从左到右滚动等。这里,小编将告诉大家,如何在HTML网页中,添加滚动效果

滚动标记:marquee

其语法为:需要滚动的文字、图片等

上代码:

无标题文档

从右向左滚动吧~~滚吧滚吧滚动吧~~

OK,来看下效果图

滚动一会之后,就到达了现在的位置

滚动方向可以设置的。

滚动内容

其中,direction代表滚动方向。

up:向上滚动

down:向下滚动

left:向左滚动

right:想右滚动

举个例子:

从右向左滚动吧~~滚吧滚吧滚动吧~~

向上滚动,效果图

设置滚动方式。

通过behavior来实现。

behavior="scroll":循环滚动,从一段滚到另一端后再来N次。

"slide":滚动一次,从一段滚到另一端就不再滚了。

"alternate":来回滚。比如从左滚到右,滚完后,再从右滚到左。

看例子:

从右向左滚动吧~~滚吧滚吧滚动吧~~

设置为来回滚。

看效果图

滚到左侧后,又接着往右滚

scrollamount可以用来设置滚动速度。

举例:

从右向左滚动吧~~滚吧滚吧滚动吧~~

以像素为单位

就不截图了,因为只看图也确实看不出效果

width:设置滚动水平范围

height设置滚动的垂直范围。

举例:

从右向左滚动吧~~滚吧滚吧滚动吧~~

效果图如下

设置循环次数:loop.

就是看你想滚动几次。

举例:

我想滚动10次

从右向左滚动吧~~滚吧滚吧滚动吧~~

设置滚动背景颜色。

bgcolor.

举例:

从右向左滚动吧~~滚吧滚吧滚动吧~~

设置为绿色

效果图如图

hspace:设置左右边框

vspace:设置上下边框。

举例:

从右向左滚动吧~~滚吧滚吧滚动吧~~

设置了左右边框。效果图如下

其实,关于滚动还有许多其他的应用,这需要你继续学习中使用