随机图片代码js，随机图片生成器在线

css+js控制随机背景图片的代码怎么写?

首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。新建文件完成之后，写入一个div代码操作，如图所示。写入div代码之后，引入一个css样式，如图代码操作所示。

首先打开电脑上自带的记事本程序，然后输入html网页基本结构语句。 由于css样式必须在标签之间，因此我们点击后面，输入标签。

代码为： {background-image： url(URL)|none} 1，背景颜色 {background-color：数值}。2，背景重复 {background-repeat：inherit|no-repeat|repeat|repeat-x|repeat-y}。

一个完美的网页，除了HTML和css，JavaScript也功不可没，本文我们将和大家分享一个小技巧，js设置随机切换背景图片的简单实例。

这样的话背景图片就会填充整个屏幕了不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看，只有这个属性可以做到，否则就只能用一个足够大的图片做背景的方法来实现了。

这个可以用CSS实现就好了。不必要使用JS 图片放大效果的话，建议用一个额外的 div层放置放大后的图片，这样布局就不会乱了。鼠标放上去就显示这个层。

相关问答

Q1: 怎么用javascript输出随机图片代码,如,

1、首先加入标记：；然后在这段标记内把用document.write()的型式放进去，就成了document.write()；最后我们来完成最关键的一段：id=Math.round(Math.random()*2)+1。就能在做一个本地网页后实现随机出现图片的场景。

2、我们一般是后端语言生成随机验证码的图片流，并记录当前生成的图片数值。前台就直接用img元素显示这个图片流，等用户提交后，就判断用户填写的验证码是否跟后台记录的图片数值相同，这个操作一般不需要javascript来处理。

3、任意动的话你可以先用js获取图片位置，再用js产生随机数方法产生图片的两个坐标位置，用js的延时循环方法动态修改图片的坐标，你可以将楼上代码中的坐标累加改为随机数赋值。

4、index.html。在index.html中的标签，输入js代码：$(body).append()；。浏览器运行index.html页面，此时图片被js成功显示到页面上。

5、一个完美的网页，除了HTML和css，JavaScript也功不可没，本文我们将和大家分享一个小技巧，js设置随机切换背景图片的简单实例。

Q2: JS随机取图片的问题

两个for循环解决。比如说，我们系当时是16个班，一个班基本有36名同学。

apple.com/hk/mac/上面的滚动条，是用的一段JS代码，但是无法提取到图片。

用Jquery很快就可以做到了，获取图片最重要的是知道路径，知道路径后就直接能引用了，而获取一个元素最好是有class或是id。从你的截图来看，img外层有一个a标签且这个标签有class=pic。

我只提供个思路。可以做个定时器。然后用random随机取0-19的数字。这样就随机取出20个div里的一个了。

然后利用image对象改变图像的SRC值为随机获得的src值。并且设置该脚本为页面载入时自动运行，就可以使图片在每次刷新网页时随即显示了。

一个完美的网页，除了HTML和css，JavaScript也功不可没，本文我们将和大家分享一个小技巧，js设置随机切换背景图片的简单实例。

Q3: 我想实现网页背景随机选择文件夹里面的图片怎么实现啊?

例子：img src=images/random/img_？php echo rand(1，20)？.jpg alt= / 说明：随机调用images/random/文件夹下的图片。

如何随机更换网页的背景图片？设图片放在网站的根目录image/bj目录下，名称从0001开始，以后可以随时增加，但不必要再修改原代码！增加时图片名称自行加1。

首先，选择你想要为其设置背景图片的文件夹。在选定的文件夹中，创建一个文本文件，并将其命名为 desktop.ini。确保你的文件扩展名设置为.ini，而不是.txt。右键单击新创建的 desktop.ini 文件，选择“编辑”。

window.onload=roll；function roll(){ var menu=document.getElementById(menu)；//随机产生数..math.random()产生0-1之间的随机数..4代表4张图片...可以自己增加..math.floor获取整数部分.+1实现1-4图片的获取。

Q4: 一个div里面有多张图片,用js怎么实现使图片在div里面的位置随机摆放呢...

在test.html添加一个div标签，并且给它一个id，用于下面编写样式。 通过div的id ， 给div定义CSS样式，例如，把div定义为一个带边框的长方形。下面将实现将图片拖放在这个长方形中。

我只提供个思路。可以做个定时器。然后用random随机取0-19的数字。这样就随机取出20个div里的一个了。

var oDiv = document.getElementById(div1)； oDiv.style.position = fixed； oDiv.style.top = 20px； oDiv.style.left = 20px； /script 主要思想就是，在js中修改div的位置。

有两种方式 获取到div之后，编辑一个img元素，并指定好url地址。然后div append img 元素就好了。获取到div之后，用js给div设置背景图片就可以了。

Q5: 图片随机变换的JS

一个完美的网页，除了HTML和css，JavaScript也功不可没，本文我们将和大家分享一个小技巧，js设置随机切换背景图片的简单实例。

如上代码：imgList是用来存放图片的数组，altList是用来存放链接的数组，altList就是存放图片对应的说明了。然后最后使用了一个随机函数Math.random()实现了图片的随机变换。再用dcument.write输出。就这些了，很简单的脚本。

准备两张图片。创建脚本。创建html网页。编写脚本代码。编写网页代码。在IE浏览器上调试。

主要思路就是若干个div来显示图片，其id按一定规律设置，比如：switch_1，switch_2等等，先将其隐藏，利用定时器来循环让其中一个显示。

准备切换图片素材，一般是两张，如图，放入img文件夹，跟HTML同级。然后用img嵌入到网页，嵌入其中的一张，另外一张待会切换。如图，现在是静态的，鼠标放上去也不会产生切换反应，因为没有用JS。

// max - 期望的最大值 var randomNum = Math.floor(Math.random()*max)+1；这样就能随机到你所期望的最大值到1之间的随机数；你再根据取到的数值去做图片的对应关系。

关于随机图片代码js和随机图片生成器在线的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。