!
也想出现在这里? 联系我们
全球五大数据中心,CYUN提供海外优质服务器,CN2优化线路,为您的业务推进提供强大助力

JS刷新页面实现随机背景图功能 - JS笔记

每一次页面的刷新,都会让他好奇下一张是什么。这一次的JS笔记分享这样的随机背景图功能

每次刷新都会带来不同的背景图,给你的访客带来不一样的心情。每一次页面的刷新,都会让他好奇下一张是什么。这一次的JS笔记分享这样的随机背景图功能。

核心代码

    <script>
        var bodyBgs = [];
        bodyBgs[0] = "./images/1.jpg";
        bodyBgs[1] = "./images/2.jpg";
        bodyBgs[2] = "./images/3.jpg";
        bodyBgs[3] = "./images/4.jpg";
        var randomBgIndex = Math.round(Math.random() * 3);
        //输出随机的背景图
        document.write('<style>body{background:url(' + bodyBgs[randomBgIndex] + ')top center no-repeat; background-size:cover;}</style>');

    </script>

相关推荐

JS刷新页面实现随机背景图功能 - JS笔记-Npcink
JS刷新页面实现随机背景图功能 - JS笔记-Npcink

QQ空间随机壁纸引导页 - HTML单页

来自QQ空间的HTML单页,简洁干净的布局,随机刷新背景图片。很适合用在一些引导页面,向我们的访客展示引导内容

下载权限

查看
  • 免费下载
    评论后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限
js

JS调用PHP文件并取得php中的值 - JS笔记

2020-10-30 20:20:03

资源

Webp Server Go - 可动态压缩以WebP格式将JPG / PNG提供给您

2020-3-10 15:36:59

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索