提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

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

jQuery方法 实现 页面 随机 刷新 变换 背景图片
2023-06-13 09:14:47 时间

使用方法：下载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:centertop;
               background-repeat:no-repeat;
               background-size:cover;
               width:100%;
               background-image:url("");}
</style>

二、Jquery代码

复制代码代码如下:


<scripttype="text/javascript">
    $(document).ready(function(){
        varrandom_bg=Math.floor(Math.random()*6+1);
        varbg="url(images/new_feed/bg_"+random_bg+".jpg)";
        $("body").css("background-image",bg);
});
</script>

相关文章