html - 使用按钮 onClick 事件随机化背景图像

Question

我想在用户单击按钮时随机化背景图像。

Here's what I have.

每次点击右下角的按钮时，我都想从一组外部托管图像中随机化背景图像。

我怎样才能做到这一点？ (如果可能，不用 PHP。)

Answer 1

试试这个方法:

<script type="text/javascript">
    function randomImg1() {
      var myImages1 = new Array ();
      myImages1[1] = "img/who/1.jpg";
      myImages1[2] = "img/who/2.jpg";
      myImages1[3] = "img/who/3.jpg";
      var rnd = Math.floor( Math.random() * myImages1.length );
      if( rnd == 0 ) {
        rnd =1;
      }
      html_code = '<img class="who" src="' + myImages1[rnd] + '" />";
      document.write(html_code);
    }
</script>

您还可以查看 this

//编辑——Pipskweak

代替

html_code = '<img class="who" src="' + myImages1[rnd] + '" />";
document.write(html_code);

我们可以做到这一点；

document.getElementsByTagName("body")[0].setAttribute('style','background-image: url(' + myImages1[rnd] + ')');

毕竟提到了背景图。