随机网站背景

  1.  Home
  2. Text  
    3. Share to：

前言

是的，一如既往的水文，仅仅是给出一个自制的接口和几行代码就来水文，我是有多么大的勇气啊，哈哈

正文

接口介绍

接口使用后刷新网页会自动变换网站背景图片，图片具有平铺居中且不重叠的特点，适合各种类型的网站使用。如果您看腻了千篇一律的背景色，那不妨给网站加个自动变换背景图片的功能吧。

接口地址

国内版地址：https://xsy.app/bing/api.php
国际版地址：https://xsy.app/bing/global.php
（仅支持https访问）

使用方法

方法一

找到您网站的全局公共css文件，然后把下面的代码粘贴至所有代码最上面

html {
  background: url(接口地址) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

方法二

加到网站全局顶部文件中 标签内，可根据情况自定义修改api接口地址

<style> 
html {
  background: url(接口地址) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
</style>

方法三

加到网站全局顶部文件中 <html> 标签内，可根据情况自定义修改api接口地址

<html style="background: url(接口地址) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">

方法四

加到网站全局顶部文件中 <body> 标签内，可根据情况自定义修改api接口地址

<body style="background: url(接口地址) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;">

版权属于：XSY

本文链接：https://www.xsy.fun/archives/97/

转载时须注明出处及本声明

Last modification：January 14th, 2019 at 10:13 pm
© 允许规范转载
If you think my article is useful to you, please feel free to appreciate

12 comments

  1. 地下城堡

    不好意思啊，每次评论后都弹出评论失败的字样，害我评论了三次
    Reply
    1. XSY
      @地下城堡

      我的锅我的锅OωO
      Reply
  2. 地下城堡

    请问网站的全局公共css文件在哪,网站全局顶部文件又在哪？
    Reply
    1. XSY
      @地下城堡

      公共css是在assets里面的，顶部应该是在/component/header.php，不知道不同主题目录结构是不是一样，但是我这里就是这样的。
      Reply
  3. 孟小N

    出差回来，过来留个小脚印
    Reply
    1. XSY
      @孟小N

      嘿嘿
      Reply
  4. test

    踩踩
    Reply
  5. 鳄鱼皮具

    这个会不会减慢熟读呢？
    Reply
    1. XSY
      @鳄鱼皮具

      嗯，会的
      Reply
  6. 过滤沙缸

    这是怎么安装
    Reply
    1. XSY
      @过滤沙缸

      直接加代码啊，你这都不会就不要搞了
      Reply
  7. lalal

    文章很不错啦，谢谢博主
    Reply

Leave a Comment