一个css高亮类,定时器里每秒换一个
定义一个图片高亮的CSS样式,赋予一个class
然后先用js改变第一张的样式,去除本来的clss添加为新的class
然后轮番获取想要切换的图片
定时执行
执行之后恢复原来的class样式
<style>
.img{opacity:0.5}; //先把所有图片降低亮度
.img-on{opacity:1};轮流高亮
</style>
<div class="img">1</div>
<div class="img">2</div>
<script>
var i = 0;
var img = $(".img");
setInterval(function(){
img.removeClass("img-on"); //去掉前一个的高亮
img.eq(i).addClass("img-on"); //高亮当前这个
i++; //加1 准备高亮下一个
if(i == img.length){
i=0; //如果高亮到最后一个,再从0开始
}
},1000);
</script>