随机网站背景
前言
是的,一如既往的水文,仅仅是给出一个自制的接口和几行代码就来水文,我是有多么大的勇气啊,哈哈
正文
接口介绍
接口使用后刷新网页会自动变换网站背景图片,图片具有平铺居中且不重叠的特点,适合各种类型的网站使用。如果您看腻了千篇一律的背景色,那不妨给网站加个自动变换
背景图片的功能吧。
接口地址
国内版地址: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;">