Jquery刷新页面背景图片随机变换的实现方法

  使用方法:下载jquery-1.9.1.js,然后设置CSS,图片文件放在images/new_feed/目录下,图片命名格式为bg_x.jpg,修改随机数产生范围

  一、CSS代码

  

复制代码 代码如下:

  <style>

  body{

  padding:0;

  background-attachment: fixed;

  background-clip: border-box;

  background-color: #666666;

  background-origin: padding-box;

  background-position: center top;

  background-repeat: no-repeat;

  background-size: cover;

  width: 100%;

  background-image:url("");}

  </style>

  二、Jquery代码

  

复制代码 代码如下:

  <script type="text/javascript">

  $(document).ready(function(){

  var random_bg=Math.floor(Math.random()*6+1);

  var bg='url(images/new_feed/bg_'+random_bg+'.jpg)';

  $("body").css("background-image",bg);

  });

  </script>