js随机排列图片源代码（js随机排序数组）

今天给各位分享js随机排列图片源代码的知识，其中也会对js随机排序数组进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、jquery 随机排列 在线等 急。。。
• 2、求网站背景图片每刷新一次就变一次背景图片的js代码
• 3、求一个随机显示图片的HTML代码
• 4、求 网页每刷新一次 图片排序随机更改 js代码
• 5、一个div里面有多张图片，用js怎么实现使图片在div里面的位置随机摆放呢？

jquery 随机排列 在线等 急。。。

!DOCTYPE HTML

html

head

meta charset=UTF-8

meta name="keywords" content="白菜编辑部"

title白菜编辑部/title

style type="text/css"

/style

script type="text/javascript" src="jquery-1.8.0.min.js"/script

script type="text/javascript"

jQuery (function ($)

    {

    var p = $ ('div.icListul.aaa');

    var array = p.children ('li');

    array.sort (function ()

    {

    var rand = Math.random ();

    if (rand  0.5)

    {

    return 1;

    }

    else

    {

    return -1;

    }

    });

    array.each (function (i, dom)

    {

    p.append ($ (this));

    });

    });

/script

/head

body

div class="icList"

ul class="aaa"

li111111/li

li222222/li

li333333/li

li444444/li

li555555/li

li666666/li

/ul

/div

/body

/html

求网站背景图片每刷新一次就变一次背景图片的js代码

思路错了吧，图片地址就一个数字不一样，所以随机生成一个位数字就可以了，然后把数字加到图片地址里面去

parseInt(Math.random()*10)

具体的也帮你写了一下

script

window.onload=function w(){

var i=parseInt(Math.random()*10)

document.getElementById("id").innerText='img scr="'+i+'.jpg"/img';

}

/script

div id="id"/div

求一个随机显示图片的HTML代码

html不行

得用Js

SCRIPT language=JavaScript type=text/JavaScript

!--

function MM_preloadImages() { //v3.0

var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();

var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; ia.length; i++)

if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}

}

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;aia.length(x=a[i])x.oSrc;i++) x.src=x.oSrc;

}

function MM_findObj(n, d) { //v4.01

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))0parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])d.all) x=d.all[n]; for (i=0;!xid.forms.length;i++) x=d.forms[i][n];

for(i=0;!xd.layersid.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

if(!x d.getElementById) x=d.getElementById(n); return x;

}

function MM_swapImage() { //v3.0

var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i(a.length-2);i+=3)

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}

}

function doZoom(size){

document.getElementById('zoom').style.fontSize=size+'px'

}

//--

function search(){

document.searchform.submit();

}

/SCRIPT

script language="JavaScript" type="text/JavaScript"

!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//--

/script

!--首页变换图片-start--

SCRIPT language=JavaScript

!-- // BannerAD

var bannerAD=new Array();

var bannerADlink=new Array();

var adNum=0;

bannerAD[0]='images/01.jpg';

bannerADlink[0]='#';

bannerAD[1]='images/02.jpg';

bannerADlink[1]='#';

bannerAD[2]='images/03.jpg';

bannerADlink[2]='#';

var preloadedimages=new Array();

for (i=1;ibannerAD.length;i++){

preloadedimages[i]=new Image();

preloadedimages[i].src=bannerAD[i];

}

function setTransition(){

if (document.all){

bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);

bannerADrotator.filters.revealTrans.apply();

}

}

function playTransition(){

if (document.all)

bannerADrotator.filters.revealTrans.play()

}

function nextAd(){

if(adNumbannerAD.length-1)adNum++ ;

else adNum=0;

setTransition();

document.images.bannerADrotator.src=bannerAD[adNum];

playTransition();

theTimer=setTimeout("nextAd()", 3000); //设置变换时间

}

function jump2url(){

jumpUrl=bannerADlink[adNum];

jumpTarget='';

if (jumpUrl != ''){

if (jumpTarget != '')window.open(jumpUrl,jumpTarget);

else location.href=jumpUrl;

}

}

function displayStatusMsg() {

status=bannerADlink[adNum];

document.returnValue = true;

}

//--

/SCRIPT

A href="javascript:jump2url()"IMG class=mtdbg

style="FILTER: revealTrans(duration=2,transition=20)"

height=315

src="images/01.jpg"

width=300 border=0 name=bannerADrotator/A

SCRIPT language=JavaScriptnextAd()/SCRIPT

!--首页变换图片-end--

/////////////

把 bannerAD[1]='images/02.jpg'; 等几行代码中的

'images/02.jpg'替换成 您的图片地址

求 网页每刷新一次 图片排序随机更改 js代码

假如你有如下结构：

div

img src='#' /

img src='#' /

img src='#' /

img src='#' /

img src='#' /

img src='#' /

/div

则，用jq可以如下实现

$(document).ready(function(){

$("div img").each(function(){

if(parseInt(Math.random()*2)==0)

$(this).prependTo($(this).parent());

});

});

这只是抛砖，你可以自己想想具体怎么去实现随即排序的问题。

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

var hehe = Math.floor(Math.random()*40)+60;60-100的随机数

然后每张图片的便宜量随机，然后第几张就用这个乘几，偏移的随机，这样应该可以做到你要的效果

js随机排列图片源代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js随机排序数组、js随机排列图片源代码的信息别忘了在本站进行查找喔。