以前貌似做过轮播图,但是后来忘记了具体细节,后来回想了一下,实际是定时器的动态调用,就做一个最简单的轮播效果吧,既没有控制按钮,也没有其他的动画模式,只是一张张图片的切换效果。代码如下:
<!DOCTYPE html>
<html><head>
<title>测试_轮播图</title>
<!--引入jquery-->
<script src="jquery-2.0.0.js"></script>
</head>
<script type="text/javascript">
$(function(){
<!--引入本地图片地址-->
var i;
run();
function run(){
if(i==map.length||i==null||i==""){
i=0;
}
$("#img").attr("src","img/"+map[i]);
i++;
setTimeout(run,4000);
}
});
</script>
<body>
<div style="text-align: center;">
<img id="img" src="img/a1.jpg" width="600" height="400"/>
</div>
</body>
</html>