【WordPress 教程】用代码实现刷新网页都随机变换背景图片不调用API接口

孤狼
171
文章
95
评论
2019年6月21日21:53:29 31 20,608 3867字阅读12分53秒
摘要

现在网上有很多随机图片api接口,使用那些接口就可以快速的给网站添加随机背景图功能。但是实际使用时我们会发现一个非常糟糕的状况:图库中有很多我们不喜欢的图片,而且也无法控制显示哪些图、不显示哪些图。

  • 代码作用不借助任何第三方随机图片api接口,每次刷新网站都可以随机显示自己喜欢的背景图片。

【代码展示】

  • 代码中展示的为链接地址也可以改成本地比如
bodyBgs[0] = "images/01.jpg";
bodyBgs[1] = "images/02.jpg";
bodyBgs[2] = "images/03.jpg";
bodyBgs[3] = "images/04.jpg";
bodyBgs[4] = "images/05.jpg";
此处为隐藏的内容!
发表评论并刷新,方可查看

【食用方法】

  • 把代码粘贴到您网站全局公共页脚文件里(一般为 foot.php 或 footer.php ), 前;可以自己修改图片地址,也可以删减图片,修改后记得修改 var randomBgIndex = Math.round( Math.random() * 20 ); 这段代码中20为实际图片数量。

【定时循环随机背景图】

  • 上面介绍的是每次网站刷新都会随机一张图片下面介绍一个
  • javascript实现background 定时循环随机背景图

案例1 - 采用API接口

<script type="text/javascript">
setInterval('Getbg();', 2000);
function Getbg(){
  var randomBgIndex = Math.round( Math.random() * 166 );
  //输出随机的背景图
  document.body.style.background="#9E9E9E url(https://acg.7585.net.cn/acg?"+randomBgIndex+") no-repeat ";
}
</script>
  • 利用API接口实现,第二行的2000是切换时间,这里是毫秒单位!

案例2 - 固定图片

此处为隐藏的内容!
发表评论并刷新,方可查看

继续阅读
  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
  • 本文由 发表于 2019年6月21日21:53:29
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:31   其中:访客  30   博主  1
    • 优秀 优秀

      橘生淮南则为橘,生于淮北则为枳—-【晏子春秋·内篇下】

      • 454255388 454255388

        山外青山楼外楼,西湖歌舞几时休?暖风熏得游人醉,直把杭州作汴(biàn)州!—-【题临安邸((南宋林升)】

        • 智宇腾 智宇腾

          动征铎(duó),客行悲故乡。鸡声茅店月,人迹板桥霜。槲(hú)叶落山路,枳(zhǐ)花明驿墙。因思杜陵梦,凫(fú)雁满回塘。—-【商山早行(唐温庭筠(yún)】

          • 151 151

            千里之堤,毁于蚁穴—-【韩非子·喻老】

            • 略懂° 略懂°

              好东西,回复看看

              • 你真好 你真好

                一年好景君须记,最是橙黄橘绿时—-【宋·苏轼·赠刘景文】

                • 1 1

                  领袖和跟风者的区别就在于创新。— 乔布斯

                  • dsadsd dsadsd

                    dsad是大多数

                      • 2 2

                        回复 dsadsd 友谊是两颗心真诚相待,而不是一颗心对另一颗心的敲打。— 鲁迅

                      • ysf ysf

                        世上本无所谓好和坏,思想使然。— 莎士比亚