Question

我正在尝试以特定方式向html标记添加一对背景样式。这是我到目前为止所拥有的。

$(function() {
  var images = ['bg-day.png', 'bg-sunset.png', 'bg-night'];
  var colors = ['#0066CD', '#ff0000', '#1D2951'];
  $('html').css({'background-image': 'url(img/' + images[Math.floor(Math.random() * images.length)] + ')'});
});

所以，我需要做的是相应地配对变量，其中0位置是bg-day.png和#0066CD，依此类推。因此，如果提供给html标记的背景图片为bg-day.png，则它还会向#0066CD标记添加html的背景色。

Answer 1

存储随机数，并将其用作两个数组的索引：

$(function() {
  var images = ['bg-day.png', 'bg-sunset.png', 'bg-night'],
      colors = ['#0066CD', '#ff0000', '#1D2951'],
      index  = Math.floor(Math.random() * images.length);

  $('html').css({'background-image' : 'url(img/' + images[index] + ')',
                 'background-color' : colors[index]
               });
});

将背景图像和背景颜色对添加到元素

1 个答案: