js随机显示图片

定义一个图片数组,生成一个随机数对应数据索引。

window.onload = choosePic;
function choosePic() {
    var myPix = new Array("images/lion.jpg","images/tiger.jpg","images/bear.jpg");
    var randomNum = Math.floor((Math.random() * myPix.length));
    document.getElementById("myPicture").src = myPix[randomNum];
}

原文地址:https://www.cnblogs.com/root0/p/12172798.html

时间: 2024-08-01 07:37:54

js随机显示图片的相关文章

jquery实现的随机显示图片效果代码

jquery实现的随机显示图片效果代码:下面介绍一下,点击按钮就可以实现图片的随机切换效果,代码实现非常的简单.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <head> <tit

js 随机变换图片

1 <div style="position:absolute;left:40%;top:10%;border-style:dotted"> 2 <img src="ejb.jpg"/><br/> 3 <input type="button" value="随机选择人物"/> 4 <input type="button" value="暂停&q

JS实现的随机显示图片

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2 "http://www.w3.org/TR/xhtml1/TDT/xhtml1-strit.dtd"> 3 <html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html;charset=utf-8&q

随机显示广告图片

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>随机显示广告图片</title> </head> <body> <script> advertisement = new Array(4); advertisement[0] = '<img src="

如是使用JS实现页面内容随机显示

之前有个客户咨询我,因为他们公司的业务员有多个人,但公司网站的联系方式板块里只够放一个人的信息,所以就想能不能实现这个联系方式信息随机显示,对于业务或客服人员来说也能做到分配均匀公平.本文我们将和大家一起分享,如何使用js控制实现页面内容随机显示. 这里我以本地的蝉知建站系统为例,给大家演示一下实现流程. 首先将想要显示的不同内容分别放到不同的盒子里(div),并用ID属性标记好.例如: <div id="p1"> <p>联系人:张三</p> <

如何使用JS实现页面内容随机显示

之前有个客户咨询我,因为他们公司的业务员有多个人,但公司网站的联系方式板块里只够放一个人的信息,所以就想能不能实现这个联系方式信息随机显示,对于业务或客服人员来说也能做到分配均匀公平.本文我们将和大家一起分享,如何使用js控制实现页面内容随机显示. 这里我以本地的蝉知建站系统为例,给大家演示一下实现流程. 首先将想要显示的不同内容分别放到不同的盒子里(div),并用ID属性标记好.例如: 1 <div id="p1"> 2 <p>联系人:张三</p>

网页标题随机显示名言JS代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

外贸建站JS控制随机显示内容代码分享

外贸建站JS控制随机显示内容代码分享 <script> $(function(){ $('li[id^=p_]').each(function(){ var this_id = $(this).attr("id"); var id_arr = this_id.split('_'); if(id_arr[1]>9){ $(this).hide(); } }) }) function tryLuck(){ var num=30; var p_list=new Array(

viewer.js 显示图片名称和照片属性

显示效果: 中间显示照片名称,右侧显示照片属性. 图片名称是保存与数据库里的,照片属性是相机或手机拍照时就存储于照片格式中的. 手机照片甚至保存了经纬度等详细信息(这也是QQ能实现旅游相册的原因). ADO.net MVC   部分视图 ViewPhotoWithAttr,也就是功能模块化. <link href="~/Scripts/viewer/viewer.min.css?v=20190612" rel="stylesheet" /> <sc