本文介绍了如何在静态网页中创建滚动条效果。通过HTML、CSS和JavaScript的结合使用，利用setInterval()函数周期性改变文本内容，实现文本逐字滚动的动画效果。详细讲解了HTML结构和JavaScript的具体实现方法，欢迎交流指正。
静态网页制作 滚动条
一.效果图
嗯…实际动画效果就是它在一个字一个字地向前滚。
二.HTML结构
HTML它…没有什么好说的，只是一段文本。还是讲讲js吧。
这里用到了一个方法setInterval()，可以周期性地调用函数。我们可以通过函数来改变显示的文本内容，然后再通过周期性调用该函数来达到文本内容周期性变化的效果。
而改变文本内容的函数就是获得p中文本，将文本内容的第一个字符调到最后一位去，组成新的文本，再传回p，几次调用下来就会产生滚动的效果。
三.具体实现
HTML
<body>
<div>
<p id="roll">WARNING!WARNING!WARNING!WARNING!WARNING!WARNING!WARNING!</p>
</div>
<script src="l.js"></script>
</body>
最低0.47元/天 解锁文章
635
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
