<div style="height:500px;width:100%; margin: 0 auto;position: absolute; z-index: -99;overflow: hidden;">
<div class="lunbo">
<div class="lunboli">
<div class="lunboi">
<img src="/img/banner1.jpg" alt="" >
</div>
<div class="lunboi" style="display: none;">
<img src="/img/banner2.jpg" alt="" >
</div>
<div class="lunboi" style="display: none;">
<img src="/img/banner3.jpg" alt="" >
</div>
</div>
</div>
</div>
<script src="/static/js/jquery-1.8.3.js"></script>
<script>
var count = 0; //记录图片是第几张
$(".lunboi").eq(0).fadeIn(1); //初始图片显示状态,不写的话,第一张图片不会显示
setInterval(autoMove, 3000); //每三秒切换一次
function autoMove() {
count++; //切换图片
if (count > 2) {
count = 0;
}
$(".lunboi").fadeOut(); //初始化所有图片,将显示的隐藏
$(".lunboi").eq(count).fadeIn(); //将被单击的显示
}
</script>