【装饰】博客园背景轮播

<script type="text/javascript">
    var img = Math.round(Math.random() * 10);
    var Img = new Array();
    //需要加载的背景图片
    Img[0] = "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=3735316392,212988712&fm=200&gp=0.jpg"
    Img[1] = "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=4165415060,2023874983&fm=26&gp=0.jpg"
    Img[2] = "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=3706677817,1678627265&fm=26&gp=0.jpg"
    Img[3] = "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=518541639,428272303&fm=26&gp=0.jpg"
    Img[4] = "https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=1482498295,222129637&fm=26&gp=0.jpg"
    Img[5] = "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=357843698,3560590396&fm=26&gp=0.jpg"
    Img[6] = "https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1377601590,3543048053&fm=200&gp=0.jpg"
    Img[7] = "https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=4189220961,2869949368&fm=26&gp=0.jpg"
    Img[8] = "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3004924597,1854631352&fm=26&gp=0.jpg"
    Img[9] = "https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=299724880,3285215622&fm=26&gp=0.jpg"
    Img[10] = "https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2326892196,580815977&fm=26&gp=0.jpg"
    if(document.readyState === "loading" ||document.readyState === "interactive" ||document.readyState === "complete")
    {
        document.body.style.backgroundRepeat = "no-repeat";
        document.body.style.position = "center center" ;
        document.body.style.backgroundAttachment = "fixed";
        document.body.style.backgroundSize = "cover";
        document.body.style.backgroundImage = "URL("+Img[img]+")";
    }
</script>

原文地址:https://www.cnblogs.com/sangwl/p/10167675.html

时间: 2024-10-27 12:37:09

【装饰】博客园背景轮播的相关文章

使用Bootstrap为你的博客园自定义轮播图片

http://www.meimeidu.com/Theme/Details/143253/http://www.meimeidu.com/Theme/Details/143453/http://www.meimeidu.com/Theme/Details/143409/http://www.meimeidu.com/Theme/Details/144169/http://www.meimeidu.com/Theme/Details/144613/http://www.meimeidu.com/T

【被玩坏的博客园】之canvas装饰博客园侧边栏

最近抽空学了学canvas,然后用canvas做了个小球运动的demo,大致的效果如下: 虽然网上已经有很多这样的demo,但是还是想根据自己的思路来写一个,下面先跟大家讲解一下源代码,先看html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&q

博客园背景图片更换

使用博客园的模板,感觉不好看而且用的人太多了,怎么办呢? 这时候我们可以更换博客园的背景 第一步:随便选一个模板(我用的是simplememory) 第二步:设置→博客设置→相册→上传图片→复制图片链接地址 第三部:粘贴css代码(不同模板的css代码是不同的) 博主提供simplememory的代码: /*simplememory*/#google_ad_c1, #google_ad_c2 {display:none;}.syntaxhighlighter a, .syntaxhighligh

如何快速的自定义博客园背景图片

博客园的主题背景风格基本是简洁朴素风格,毕竟淳朴码农的撸码知识共享圣地不需要花里胡哨,但是作为新一代的撸码青年,我还是忍不住把博客园简单的美化了一下 打开https://sm.ms/ 上传一张你喜欢的图片,这个网站很好使,可以上传图片然后可以马上生成一条图片链接,就不需要我们自己维护图片了 然后在博客园设置中自行修改样式OK啦 background:url(https://i.loli.net/2018/07/24/5b56a0f45b6b6.jpg) no-repeat fixed; back

如何装饰博客园

CSS代码: #comment_form_container .author { background: rgba(0,0,0,0.05); color: #333; border: 1px solid rgba(0,0,0,0.05); } #comment_form_container .comment_textarea { background: rgba(0,0,0,0.1); color: #FFF; border: 2px solid rgba(0,0,0,0.1); } .CalT

博客园背景设置

博客皮肤:SimpleMemory 页面定制css /*simplememory*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntax

玩坏的博客园】之canvas装饰博客园侧边栏

最近抽空学了学canvas,然后用canvas做了个小球运动的demo,大致的效果如下: 虽然网上已经有很多这样的demo,但是还是想根据自己的思路来写一个,下面先跟大家讲解一下源代码,先看html代码: html很简单,没啥讲的,就是css那块 http://p.baidu.com/itopic/main/qlog?qid=88496162633461303933633700&type=questionloghttp://p.baidu.com/itopic/main/qlog?qid=894

博客园背景加入飘落雪花的js代码

<script type="text/javascript"> window.onload = function () { var minSize = 15; //最小字体 var maxSize = 30;//最大字体 var newOne = 900; //生成雪花间隔, 数值越小越快 var flakColor = "#1bd3ff"; //雪花颜色 var flak = $("<div></div>")

将微博或者qq空间的说说同步至博客园 wcf+js(ajax)跨域请求(1)

前天刚写了篇文章使用Bootstrap为你的博客园自定义轮播图片(今天将图片加载的顺序调整了下,不在访问的时候直接加载,而是页面加载最后在脚本里面动态添加dom元素),虽说技术含量不怎么高,但是大家还算感兴趣.其实对博主来说最关键是博客的积分在涨.所以趁热打铁,再来一篇使用wcf+js ajax跨域请求数据同步空间说说的帖子. 因为是请求qq说说的数据,所以要登陆我的qq,这个很麻烦,总不能让每个访客都登陆的qq,然后把数据取出来吧,而且qq也没有相关的接口提供,登陆的时候还要处理验证码.所以这