jq随机加载背景图

103 阅读 0 评论 68 点赞

我是靠谱客的博主落后金毛，最近开发中收集的这篇文章主要介绍jq随机加载背景图，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

刷新页面随机加载图片

 <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>
</head>
<body>
    
    <script src="./css/jquery-3.5.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            var random_bg=Math.floor(Math.random()*3+1); //三张图轮换
            var bg='url(./images/new_feed/bg_'+random_bg+'.jpg)';
            $("body").css("background-image",bg);
   });
   </script>