制作一个带有很多李物品的大旋转木马
我有一个很大的 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我已经使用过这个 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();
.