javascript实现刷新页面随机显示图片
2012-04-06 00:00
1216 查看
有时候当你想随机显示广告或其他图片的时候就要用到下面这段代码。
对源码进行简单的分析:
1.random() 方法可返回介于 0 ~ 1 之间的一个随机数。round() 方法可以将数字进行四舍五入,
n的结果就是1~3之间的随机整数。
2.for循环是将所有数组元素实例化为对象obj(),然后依次对每个对象的属性进行赋值。
3.最后就是输出图片啦,其实就是这么简单,js永远能处理好一切!
<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永远能处理好一切!
相关文章推荐
- 不刷新页面实现图片上传,并在指定位置显示
- Jquery刷新页面背景图片随机变换的实现方法
- JS实现页面载入时随机显示图片效果
- javascript实现随机显示图片
- Jquery刷新页面背景图片随机变换的实现方法
- 【前端】特效-Javascript实现购物页面图片放大效果
- asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
- Java实现页面验证功能随机生成图片
- JavaScript实现页面元素显示/隐藏的功能
- 框架页面的实现及Javascript的改变页面显示和隐藏
- DIV+CSS+javascript实现DIV对象显示在页面任何位置,并随滚动条移动
- PHP+JavaScript 实现图片无刷新上传
- jsp实现单刷时间显示,刷新显示时间不刷新页面
- spring boot实现上传图片并在页面上显示
- 如何实现广告图片总是显示在页面上方,并且随滚动条同步移动?
- asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
- Ajax 实现静态刷新页面 带加载旋转图片
- javascript实现页面内关键词高亮显示代码
- ASP.NET+Ajax+Javascript实现页面div定时刷新
- spring boot实现上传图片并在页面上显示及遇到的问题小结