js 随机图片

Posted WQVincent

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 随机图片相关的知识,希望对你有一定的参考价值。

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

     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 随机图片的主要内容,如果未能解决你的问题,请参考以下文章

CSDN开发助手,开发随机展现图片,百行代码落地JS插件

js设置图片随机旋转角度

js中如何利用循环数组得到一个随机的图片

鼠标点击出现爱心+社会主义价值观+随机颜色的文字+鼠标cursor自定义图片

常用js片段

css 如何实现随机背景图?