js显示带样式的html,有个html轮换样式的需求,不知道怎么用js实现,求解。

是这样的,我要在li中不停的轮换样式,求实现方法,我不知道怎么处理超过第4个时补到最前面的实现,求指点!

循环开始时 currentIndex = 0 (指针),itemLens = 4(数据条数)

1.第一次循环

if(currentIndex >= itemLens){

currentIndex = 0

}

currentIndex++

2.第二次循环

currentIndex++

3.第三次循环

currentIndex++

4.第三次循环

currentIndex++

补充一下框架代码

 
 

content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Document

$(function(){

var timer = null;

var $items = $('.farm-current').find('li');

var itemsLens = $items.length;

var currentIndex = 0;

setInterval(function(){

move($items)

}, 1000);

function move($items){

for(var i = 0; i < itemsLens; i++){

if(currentIndex >= itemsLens){

currentIndex = 0

}

/*实现代码*/

currentIndex++;

}

}

})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值