选择项目并一次显示n篇文章
Select items and show n article at time
我有一个类似的代码
<div class="container">
<article class="article1"></article>
<article class="article2"></article>
<article class="article3"></article>
<article class="article4"></article>
<article class="article5"></article>
<article class="article6"></article>
</div>
我想一次显示3篇文章,剩下的文章有一个按钮,上一篇和下一篇。如何使用jQuery或JavaScript实现这一点?
我们可以在JSFiddle 上工作
这效率很低,但至少能起作用。
function DisableAll()
{
// whatever way to make others invisible/disabled
// and for button hiding/showing
}
function ShowOnlyN(n,start)
{
DisableAll();
for(var i=0;i<n;i++)
{
$('.article'+((start+i)%6+1).toString()).show();
}
}
相关文章:
- ¿如何每天只显示一次特定的容器
- 谷歌图表在运行应用程序时只能显示一次
- 点击时的qtip2只显示一次
- 每个用户只显示一次放大弹出窗口
- Bootstrap Alert只显示一次
- 每次访问显示一次警报
- 每个用户仅显示一次弹出窗口
- Jquery 循环一次或在数据数组中显示一次数据
- 按钮仅显示一次图像
- 弹出窗口不会根据需要在每个会话中显示一次(如客户端所述)
- Bootstrap Modal仅显示一次
- 每隔X秒显示一次警报框,但请先等待Y秒
- jQuery UI对话框在页面上只显示一次
- 每 3 小时显示一次对话框
- 背景图像旋转器.php + jQuery每4秒显示一次随机照片
- Lightswitch HTML 自定义控件仅显示一次
- 我如何让通知栏在每个会话中仅显示一次
- 如何让网页显示一次,并且不再向用户显示
- 使我的简介页面仅按用户或计算机显示一次
- 动画 GIF 背景仅显示一次