javascript - jQuery 中的随机颜色

Question

所以我放了一个标题，当我向下滚动时它会最小化，而当我向上滚动时它会变长。当页眉折叠时，它会变成浅灰色，当打开时，它会变回原来的颜色。这是我找到的代码:

$(window).scroll(function () {
 if ($(document).scrollTop() == 0) {
 $('#header_nav').removeClass('tiny');
 } else {
 $('#header_nav').addClass('tiny');
 }
});

我希望标题在刷新页面时随机更改其颜色，但我想使用准确的颜色。我找到了如何更改“小”标题的背景颜色，我可以，但我对 jQuery 还很笨，所以我无法编写颜色随机化器，然后将其插入到上面的代码中。

你愿意帮我吗？提前感谢您的帮助:)

Answer 1

您好，您可以在 Jquery 上使用这样的函数:

$(document).ready(function () {
  var back = ["#ff0000","blue","gray"];
  var rand = back[Math.floor(Math.random() * back.length)];
  $('div').css('background',rand);
})

在 var back 上你可以写下你想要的所有颜色。然后，您可以为标题设置选择器，而不是 $('div')。

查看此演示 http://jsfiddle.net/sJTHc/5/