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");
});

浙公网安备 33010602011771号