<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="width:611px; margin:20px auto;">
<img id="slide" src="img/img1.png" width="611" height="360">
</div>
<script type="text/javascript">
//修改ID名，让它无法获取就无法轮播了
var slide = document.getElementById("slide");
slide.id = "slide---";
</script>
<script src="js/jquery-1.10.1.min.js"></script>
<script>
$(function() {
simpleSlide();
});
function simpleSlide(){
var index = 0;
var arr = ['img1.png','img2.png','img3.png'];
setInterval(function(){
index++;
$("#slide")[0].src = 'img/' + arr[index%arr.length];
}, 1000);
}
</script>
</body>
</html>
效果图：
相关推荐
JavaScript实现轮播特效（代码）JavaScript实现轮播特效（代码）JavaScript实现轮播特效（代码）JavaScript实现轮播特效（代码）JavaScript实现轮播特效（代码）JavaScript实现轮播特效（代码）JavaScript实现轮播...
好用的Javascript图片轮播效果，方便，容易修改，兼容所有浏览器
javaScript轮播图javaScript轮播图javaScript轮播图javaScript轮播图javaScript轮播图javaScript轮播图javaScript轮播图javaScript轮播图javaScript轮播图javaScript轮播图javaScript轮播图javaScript轮播图...
jsp js 轮播图多行滚动
JS原声轮播图JS原声轮播图JS原声轮播图JS原声轮播图JS原声轮播图
本压缩包下主要为三种轮播图，是小编使用纯js实现的，有兴趣的读者可以自行下载。
js,图片轮播, js图片轮播, js,图片轮播, js图片轮播, js,图片轮播, js图片轮播
js自动轮播banner
大家好，在这里，给大家分享一下js原生代码实现轮播图，思路比较清晰，而且可重复性高，也几乎包含了现在网页上轮播实现的所有效果！ 需求： 1.显示轮播图时，左右两边显示上一页下一页按钮 2.鼠标点击箭头，图片...
一般用来设置网站图片自动轮播一般用来设置网站图片自动轮播
多功能且稳定的轮播插件，可以根据设置参数的不同得到自己想要的轮播，可以设置自动轮播时间、是否自动轮播、是否显示轮播下面选中框，稍微改动css就能得到拥有你自己样式的轮播,代码中有详细的注释及其说明
最最完美的JS轮播图 直接用就可以
js图片广告轮播代码
js原生轮播实例，自己用js原生写的一个demo，供大家参考，请大家指教。
使用JavaScript实现轮播的几个效果，定时切换、点击切换和滑过切换。共享给一些刚接触JavaScript的小白。
js原生卡片式轮播图.zip
ＪＳ全屏轮播
本资源是利用JS简单的仿照网站上常见的广告轮播实现图片的自动切换，来回切换，下标切换等。
JavaScript图片轮播