码迷,mamicode.com
首页 > Web开发 > 详细

js 随机图片

时间:2020-05-09 13:02:53      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:序号   图片   样式   span   back   直接   col   pre   style   

# 原理:用数组保存地址,随机序号获取图片

     var imglist=new Array;     //声明数组      
imglist[0]="https://image1.jpg"; //存储 imglist[1]="https://image2.jpg"; imglist[2]="https://image3.jpg"; var imgchoice=Math.floor(Math.random() * imglist.length); //随机获得序号 $(".body").css("background-image","url("+imglist[imgchoice]+")"); //jQuery设置css
/* 直接设置src的话: $(‘#imgcontainer img‘).src=imglist[imgchoice]; */

然后图片样式什么的设置css就好了。

 

js 随机图片

标签:序号   图片   样式   span   back   直接   col   pre   style   

原文地址:https://www.cnblogs.com/wqvincent/p/12856601.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!