HTML网页制作:[8]添加滚动效果
的有关信息介绍如下:![HTML网页制作:[8]添加滚动效果](/upload/jingyan/2025/0927/2266b240.jpg)
滚动效果,是网页的常用效果,比如从右到左滚动,或者反过来从左到右滚动等。这里,小编将告诉大家,如何在HTML网页中,添加滚动效果
滚动标记:marquee
其语法为:
上代码:
从右向左滚动吧~~滚吧滚吧滚动吧~~
OK,来看下效果图
滚动一会之后,就到达了现在的位置
滚动方向可以设置的。
其中,direction代表滚动方向。
up:向上滚动
down:向下滚动
left:向左滚动
right:想右滚动
举个例子:
向上滚动,效果图
设置滚动方式。
通过behavior来实现。
behavior="scroll":循环滚动,从一段滚到另一端后再来N次。
"slide":滚动一次,从一段滚到另一端就不再滚了。
"alternate":来回滚。比如从左滚到右,滚完后,再从右滚到左。
看例子:
从右向左滚动吧~~滚吧滚吧滚动吧~~
设置为来回滚。
看效果图
滚到左侧后,又接着往右滚
scrollamount可以用来设置滚动速度。
举例:
从右向左滚动吧~~滚吧滚吧滚动吧~~
以像素为单位
就不截图了,因为只看图也确实看不出效果
width:设置滚动水平范围
height设置滚动的垂直范围。
举例:
从右向左滚动吧~~滚吧滚吧滚动吧~~
效果图如下
设置循环次数:loop.
就是看你想滚动几次。
举例:
我想滚动10次



