如何显示每页刷新多个div？

下面的JavaScript将每6000毫秒显示一次标记中的blockquote。 我想将此行为更改为仅显示每个页面加载一个。 我可以在标记中加载所有这些，我只想在每个页面加载中随机添加一个。

 jQuery(document).ready( function(){ jQuery('.quotes').innerfade({ animationtype: 'fade', speed: 'normal', timeout: 6000, type: 'random_start', }); });  

作为奖励，如果在浏览器中禁用JavaScript，我只想显示一个。

 
 
 
“Throw out costs by more than 50%.”
 Da John @ Con Pi LLC 
 
 
“Georgio pany.”
 
 Kn Maez, Mnet 
 
 
“…He hae is available.”
 
 Dan net 
 
 
“Georommend without a doubt.”
 
 Jorge Suár Puerto Rico 
 
 
“Siain tomorrow…”
 
 Cha, Inc. 
  

---

如果你想看到代码所在的网站，你可以访问http://www.kiragiannis.com查看页面右下角的一些名为“testimonials”的内容

Answer 1

您可以使用基于元素长度的随机数和使用以下jQuery的.eq()方法：

 var whichToShow = Math.floor(Math.random() * $('.quote').length); $('.quote').hide().eq(whichToShow).fadeIn(1000); 

这是一个小提琴演示。 单击“运行”以查看新的随机引用。

Answer 2

将它们全部隐藏起来，并使用id quoteN，其中N是0到nr引号之间的整数。 然后使用math.random选择要显示的N. 构建id字符串并在文档准备好时显示它。