图片轮播
来源:互联网 发布:vc编程入门 编辑:程序博客网 时间:2024/06/08 11:12
一个简易的图片轮播效果,话不多说,代码献上.
只有img标签的html代码,做测试用:
<body> <img src="images/class1-1.jpg" id="img"> </body>
下面是js代码:
var k=0; //当前的索引var ss = new Array(); //数组,用来存放图片ss[0] = "images/class1-1.jpg";ss[1] = "images/class1-2.jpg";ss[2] = "images/class1-3.jpg";ss[3] = "images/class1-4.jpg";function scrollPic(){ if(k>ss.length-1){ //如果当前函数超过数组下标的最大值,k=0 k=0; } for(var i=0;i<ss.length;i++){ //遍历数组 if(i==k){ //如果当前索引等于当前数组下标 document.getElementById("img").src=ss[i]; //改变图片路径 } } k++; //k++,执行下一次操作 }setInterval("scrollPic()",1000); //设置定时器
阅读全文
0 0
- 图片轮播
- 腾讯图片轮播
- js图片轮播
- js图片轮播
- JavaScript 图片轮播
- js图片轮播
- jquery 图片轮播
- jquery图片轮播
- 图片轮播
- 图片轮播
- 图片轮播插件
- JS 图片轮播
- JavaScript【图片轮播】
- banner图片轮播
- js图片轮播
- jQuery图片轮播
- JavaScript【图片轮播】
- jQuery 图片轮播
- Redis入门
- Linux系统编程-守护进程
- NYOJ 66 分数拆分
- Android开发的一些小技巧
- react && redux 学习笔记(二)
- 图片轮播
- Android (视频播放器)
- HDU
- ui-sref-active
- pcap_open 和 pcap_open_live
- HTML5图片在线预览
- CTS测试环境搭建介绍
- Android 属性动画以及XML编写动画
- 实现猜数字游戏