給博客添加一個背景圖


實時刷新背景圖

美好的事情總是在不經意間發現

錯過了

就可能不會再回來了

言歸正傳:這個實時刷新效果萌看還挺新穎

其實就是根據api接口刷新的時候獲取一個圖片而已

頁面定制css代碼:

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

然后保存一下

然后可以去看看自己的博客園了

然后就沒有然后了....

ps:注意設置一下透明度,這樣效果會更好一點

可能有些下伙伴不喜歡這個類型的背景,(其實我也不喜歡這個只是沒找到合適的接口)那沒關系,那咱們就換個api接口

當然了你可以自己動手搜一下自己喜歡的api

枚舉一些隨機圖片的接口

http://lorempixel.com/1600/900

https://unsplash.it/1600/900?random(國內加載略慢)

https://uploadbeta.com/api/pictures/random/key=BingEverydayWallpaperPicture【返回必應圖片】

環境背景:

https://img.xjh.me/random_img.php?type=bg&ctype=nature&return=302

http://img.xjh.me/random_img.php?type=bg&ctype=nature&return=302

注: http(更快,快一點點,不安全,可能會被劫持):

人物背景:

https://img.xjh.me/random_img.php?type=bg&ctype=acg&return=302

http://img.xjh.me/random_img.php?type=bg&ctype=acg&return=302

注:http(更快,快一點點,不安全,可能會被劫持):

https://api.24bp.cn/API/PC.php

https://api.ixiaowai.cn/api/api.php

https://api.lyiqk.cn/purelady?1559f782


注:
歲月小築
 
        

這個實時背景圖刷新到此結束了,不知道看到的小伙伴有木有搞定...


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM