js随机切换图片

js随机切换图片,在网页制作中,会用到,有的客户,不希望图片一直在自动的换来换去,所以,就有了有的网站,每次刷新,会出现不一样的图片这样的特效。

下面说一下,这样的特效的做法,首先很简单,js获取一个随机数。

方法如下:

<script> 

function GetRandomNum(Min,Max){   //如 1,9

        var Range = Max - Min; // 8

        var Rand = Math.random(); // 0 ~ 1 之间的随机数。得到一个小数点后17位的小数,如0.12345678901234567

        return(Min + Math.round(Rand * Range)); //Math.round 把数四舍五入为最接近的整数。1+7=8

var num = GetRandomNum(1,9); //这样得到的数,最大不会大于9,最小不会小于1。

alert(num); 

</script> 

取到随机数后,就是比较简单的,获得某一个div了,这里我偷懒,用jquery写了

$(function(){
 //alert(num);
 var bannerID = "page" + num;
 $("#" + bannerID).css("display","block");
 });

 

posted @ 2012-12-10 10:22  拾阶而上的PM  阅读(512)  评论(0)    收藏  举报
本博内容由王子豪 www.07byte.com 提供