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

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

Store中的随机数，并把它作为两个数组的索引：

$(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] 
       }); 
});