快捷导航
 
javascript实现background 定时循环随机背景图
VIEW CONTENTS

javascript实现background 定时循环随机背景图

2018-7-11 01:11| 发布者: 盒子云| 查看: 1046| 评论: 1|原作者: Young小杰
摘要: 定时循环随机背景图,插入代码瞬间提升网站的Biger!

采用固定图片地址

这里用的固定地址,用的新浪图床,喜欢的话可以自己扩充图片,这里简短的展示了10个图片!
var bodyBgs = [];
bodyBgs[0] = "https://ww1.sinaimg.cn/large/87c01ec7gy1fshdwv00e9j211y0lcjs7.jpg";
bodyBgs[1] = "https://ww3.sinaimg.cn/large/87c01ec7gy1fshdwv56rfj21hc0u0n05.jpg";
bodyBgs[2] = "https://ww3.sinaimg.cn/large/87c01ec7gy1fshdwv5u70j21hc0u0n04.jpg";
bodyBgs[3] = "https://ww4.sinaimg.cn/large/87c01ec7gy1fshdwv8wc2j21hc0u0q5d.jpg";
bodyBgs[4] = "https://ww1.sinaimg.cn/large/87c01ec7gy1fshdwva5i5j21hc0u0q66.jpg";
bodyBgs[5] = "https://ww4.sinaimg.cn/large/87c01ec7gy1fshdwvjc6rj21hc0u0tnw.jpg";
bodyBgs[6] = "https://ww1.sinaimg.cn/large/87c01ec7gy1fshdwvw3hsj21hc0u044j.jpg";
bodyBgs[7] = "https://ww4.sinaimg.cn/large/87c01ec7gy1fshdww034zj21hc0u0jvv.jpg";
bodyBgs[8] = "https://ww4.sinaimg.cn/large/87c01ec7gy1fshdww0q12j21hc0u0tbu.jpg";
bodyBgs[9] = "https://ww1.sinaimg.cn/large/87c01ec7gy1fshdww62pdj21hc0u07b7.jpg";
bodyBgs[10] = "https://ww1.sinaimg.cn/large/87c01ec7gy1fshdww8nc0j21hc0u0wjv.jpg";
setInterval('Getbg();', 1000);
function Getbg(){
  var randomBgIndex = Math.round( Math.random() * 10 );
  //输出随机的背景图
  document.body.style.background="#9E9E9E url("+ bodyBgs[randomBgIndex] +") no-repeat ";
}

setInterval('Getbg();', 1000); //切换时间,单位(毫秒)

没图怎么行,上千寻

javascript实现background 定时循环随机背景图 21512.jpg


鲜花

握手

雷人

路过

鸡蛋

相关阅读

infoxkw

感谢分享

2019-8-13 21:17 引用

策划更多
独家评论更多
谈天说地更多
周排行

喜欢给你阳光,让你充满活力!

  • 反馈建议:2327299920@qq.com
  • 工作时间:周一~周五

云服务支持

精彩内容,快速检索

关注我们

Copyright© 盒子云 - 你笑起来真好看~  Powered by Discuz!    ( 蜀ICP备180033287号-1 )