制作一个带有很多李物品的大旋转木马

发布于 2024-12-12 03:24:59 字数 288 浏览 0 评论 0原文

我有一个很大的 ul 列表,其中包含 li 项目。我有很多李物品(超过200件)。我想把这个 ul 放在轮播中,但我不知道该怎么做。

这是我的 jsfiddle 上的 html代码

理想情况下,当您单击右侧按钮时,您会看到下一个 li 项目。我只是不知道该怎么做,希望您能提供一些指导,从哪里开始。

I have a big ul list with li items. I have a lot of li items (over 200). I want to put this ul in a carousel, but I'm not sure how to do it.

This is my html on jsfiddle, and the code.

Ideally, when you click on the right button, you see the next li items. I just don't know how to do it, and I hope you can provide some guidance on where to start.

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

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

发布评论

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

评论(1

我一直都在从未离去 2024-12-19 03:24:59

我已经使用过这个 jQuery 插件 几次。
您可以轻松地将您的 li 转换为轮播项目。

如果你不想使用这个插件,你也可以创建多个ul并给它们一个唯一的ID。使用 css 设置非活动 ul 的隐藏(display:none)。

当您单击下一步时,您可以使用 jQuery 隐藏当前 ul$('#ID').hide(); 并显示下一个 ul $('#ID').hide( );

I have used this jQuery plugin a few times.
You can easily transform your li's into a carousel-item.

If you don't want to use this plugin, you can also make multiple ul's and give them an unique ID. Set the non-active ul's hidden with css (display:none).

When you click next you can use jQuery to hide the current ul$('#ID').hide(); And show the next ul $('#ID').hide();.

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