博客背景刷新切换效果的实现

关于这个博客背景切换效果的实现还是我不经意间发现的

一直不知道应该怎么做,

就是百度也没有找好的答案

今天就揭开这个神秘的面纱吧

至于如何切换博客背景

我相信你们应该都知道需要使用背景图片

这个背景图片在一个api接口上面的

我们只是需要把这个api接口找到就可以了

我使用的是二次元的风格

页面定制css代码:

body {
      font-size:15px;
       padding:0;
       margin:0;
     font-family:"微软雅黑","宋体",Arial;
       background:#205424 url(http://api.3ewl.cc/acg/img.php) no-repeat top center fixed;
       min-width:1200px;
  }

  

插入页面定制里面就可以了

你也可以百度找一些其他的免费的api接口

然后替换里面的url就可以了

下面列举一些获取随机图片的API接口:

http://lorempixel.com/1600/900
https://unsplash.it/1600/900?random(国内加载略慢)

https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture【返回必应图片】

环境背景:

https(推荐):
https://img.xjh.me/random_img.php?type=bg&ctype=nature&return=302
http(更快,快一点点,不安全,可能会被劫持):
http://img.xjh.me/random_img.php?type=bg&ctype=nature&return=302

 

人物背景:

https(推荐):
https://img.xjh.me/random_img.php?type=bg&ctype=acg&return=302
http(更快,快一点点,不安全,可能会被劫持):
http://img.xjh.me/random_img.php?type=bg&ctype=acg&return=302

 

 

 

还有其它的内容我会继续更新的

希望这些能够对你有所帮助!!

 

 

您可以考虑给博主来个小小的打赏以资鼓励,您的肯定将是我最大的动力。

微信 支付宝
作者: 落花四月
关于作者:潜心于网络安全学习。如有问题或建议,请多多赐教!
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接.
特此声明:所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误,共同进步。或者直接私信我
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是作者坚持原创和持续写作的最大动力!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值