前往顾页
以后地位: 主页 > 收集编程 > Jsp实例教程 >

javascript实现革新页面随机显现图片实当代码

时候:2014-08-25 22:26来源:知行网www.zhixing123.cn 编辑:麦田守望者

偶然候当你想随机显现告白或其他图片的时候就要用到下面这段代码

<script type="text/javascript">
var s = Math.random();
var a = 3;
var n = Math.round(s*(a-1))+1; //产生1~3之间的随机整数
function obj(){
this.src = '';
this.alt = '';
}

b = new Array();
for (var i=1;i<=a;i++){
b[i] = new obj();
}

b[1].src = "pictures/1.jpg";
b[1].alt = "第1张图片";
b[2].src = "pictures/2.jpg";
b[2].alt = "第2张图片";
b[3].src = "pictures/3.jpg";
b[3].alt = "第3张图片";

var pic = '';
pic = '<img src='+b[n].src+' alt='+b[n].alt+'>';
document.write(pic);
</script>
对源码进行简朴的阐发:
1.random() 体例可前往介于 0 ~ 1 之间的一个随机数。round() 体例可以将数字进行四舍五入,
n的成果就是1~3之间的随机整数。
2.for循环是将所有数组元素实例化为工具obj(),然后顺次对每个工具的属性进行赋值。
3.最后就是输入图片啦,其实就是这么简朴,js永久能措置好一切!

------分开线----------------------------
标签(Tag):Javascript javascript实例教程 JavaScript源代码 JavaScript根本教程
------分开线----------------------------
保举内容
猜你感兴趣