是否有“电影片尾滚动”功能?单词列表的样式插件?

发布于 2024-12-11 03:18:39 字数 613 浏览 0 评论 0原文

我想在网页上显示大约一百个单词的列表。我希望它们能像电影片尾字幕一样缓慢地向上滚动。我自己可以很容易地做到这一点,但我遇到的问题是,当用户使用滚轮时,我希望列表向上移动得更快(然后在停止滚动时放慢速度)。另外,我需要列表在结束时不间断地重新开始。

而且,为了增加额外的复杂性,我希望从页面底部开始的 14 像素大小的文字会增大,这样当到达页面顶部时它们会达到 26 像素。

有人想到一个好方法来开始实现无限滚动、滚轮操作列表的第一部分吗?

谢谢!

更新:

所以,这是我编写的一些代码:

<marquee scrollamount="1" scrolldelay="10" direction="up" height="100%">
<ul>
<li>Bread</li>
<li>Pasta</li>
<li>Pizza</li>
<ul>
</marquee>

它向上滚动,但显然问题是它不受滚轮的影响。我也不知道当它接近顶部时是否可以改变它的大小。我非常怀疑这是否可以使用,但无论如何都有一些代码。 :)

I'd like to display a list of a hundred words or so on a webpage. I'd like them to scroll up slowly, like movie credits. I can do that easily enough myself, but the problem I have is that when the user uses their scroll wheel I'd like the list to move up faster (and then slow back down when they stop scrolling). Also, I need the list to start over uninterrupted when it ends.

And, to add an additional level of complexity, I'd love the words to start at the bottom of the page at size 14px go up in size so they hit, say, 26px when the get to the top of the page.

Anyone think of a good way to start implementing even the first bit of an infinitely scrolling, scroll wheel operated list?

Thanks!

Update:

So, here's some code which I've made:

<marquee scrollamount="1" scrolldelay="10" direction="up" height="100%">
<ul>
<li>Bread</li>
<li>Pasta</li>
<li>Pizza</li>
<ul>
</marquee>

This scrolls up, but obviously the problem is that it isn't affected by the scroll wheel. I also don't know if I can get it to change size as it appraoches the top. I highly doubt this is possible using but there's some code, anyway. :)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

独﹏钓一江月 2024-12-18 03:18:39

为了好玩...对于那些使用 Safari(包括 Windows 上的 Safari)的人...
星球大战 - 真实的东西!!!

For fun... for those with Safari (including Safari on Windows)...
Star Wars - the real thing!!!

℡寂寞咖啡 2024-12-18 03:18:39

查看 ActionSlideJS 库。

Take a look at ActionSlideJS library.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文