Question

我有三个类别

大
正常
小

我想为这三个类别提供不同的样式。例如：其中一个将是粗体，另一个将是大字体，第三个将是“Tahoma”的字体系列每次用户刷新页面时，3种样式将以随机顺序应用于3个类别。

例如（大）类别将是粗体，当用户刷新页面时，它会将其样式与其他类别交换，因此它可能会成为Tahoma字体系列或将具有较大的字体大小

我该怎么办呢。

一个很好的例子是具有不同大小的博客中的类别或标签

<!DOCTYPE html>
<html>
<body>

<h4>Categories</h4>
<ul>
  <li>big</li>
  <li>normal</li>
  <li>small</li>
</ul>

</body>
</html>

Answer 1

尝试这样的事情：

http://jsfiddle.net/8n7f3yq7/1/

// Store the classes you want to apply in an array
var classes = ["big", "normal", "small"];

// Loop through every element and apply a random class
$("li").each(function(){
  index = Math.floor(Math.random()*(classes.length));
  $(this).addClass( classes[index] );
});

应用样式随机列出

1 个答案: