jquery 每次刷新页面随机更换背景图片

周同学_web

于 2021-11-30 09:25:48 发布

阅读量862

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签：前端 jquery

本文链接：https://blog.youkuaiyun.com/zhouhouyong_web/article/details/121624869

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用JavaScript和jQuery实现网页页面加载时随机选择并设置三种不同背景图片的功能，通过Math.random()和数组索引来确保每次刷新页面背景图片的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

每次刷新页面随机更换背景图片

三张图片随机更换图片代码

$(document).ready(function(){
  var randomNum=Math.floor(Math.random()*3+1);
  console.log(randomNum);
  $("#bg").css("background-image","url(/images/bg"+randomNum+".jpg)");
});