如何在每次点击时重新加载“CSS背景图像”？

Question

从过去的三天开始，我一直在寻找每次点击它时重新加载“CSS背景图像”。我没有找到任何相关的答案，请帮助我......

抱歉我的英语不好。

Answer 1

所以你在寻找像我这样的东西？

＆＃13;

＆＃13;

var images = [
  'http://placehold.it/500x320/07f',
  'http://placehold.it/500x320/f70',
  'http://placehold.it/500x320/7f0',
  'http://placehold.it/500x320/0f7'
],
    i = 0,
    n = images.length;

$("#change-image").click(function(){ 
   $("body").css({backgroundImage: "url("+ images[i++ % n] +")" });
});

＆＃13;

html, body{height:100%;}
body{
 background: red none 50% / cover; 
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="change-image">CHANGE</button>

＆＃13;

＆＃13;

＆＃13;