本文由 源码村 – admin 发布,转载请注明出处,如有问题请联系我们!jQuery怎么实现刷新页面随机变换成背景图片呢?

收藏

  可以使用以下jQuery代码实现刷新页面时随机变换背景图片:


  ```javascript


  $(document).ready(function() {


  // 定义背景图片数组


  var backgroundImages = ["image1.jpg", "image2.jpg", "image3.jpg"];


  // 随机选择一个背景图片


  var randomBg = Math.floor(Math.random() * backgroundImages.length);


  // 设置body的背景图片样式


  $("body").css("background-image", "url(" + backgroundImages[randomBg] + ")");


  });


  ```


  在上述代码中,首先定义了一个包含多个背景图片路径的数组`backgroundImages`,然后使用`Math.random()`方法随机生成一个范围在0到数组长度之间的数,作为选取背景图片的索引,最后使用`css()`方法将选中的背景图片应用到`body`元素的样式中。


  你可以根据实际情况修改`backgroundImages`数组中的图片路径,以及将背景图片应用到你想要的元素上。


评论(0条)

请登录后评论
admin

admin

0

0

0

( 此人很懒并没有留下什么~~ )