<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
.banner{
width: 100%;
}
</style>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<div class="banner">
<img id="img" src="img/1.jpg" />
</div>
<script type="text/javascript">
var img=document.getElementById("img");
var i=1;
function banner(){
i++;
if(i>4){ //4表示只有四张图片
i=1;
//播放四次停止
//clearInterval(a);
//return;
}
img.src="img/"+i+".jpg";
}
setInterval(banner,1000);
</script>
</body>
</html>
js轮播图代码
猜你喜欢
转载自my.oschina.net/u/3740271/blog/2222834
今日推荐
周排行