
自动轮播,左右切换轮播
var curIndex = 0;
$(".indexList").find(".all").text($(".imgList li").length);
var autoChange = setInterval(function(){
if(curIndex < $(".imgList li").length-1){
curIndex ++;
}else{
curIndex = 0;
}
changeTo(curIndex);
},2500);
/**添加绑定事件**/
var length=$(".imgList li").length;
function left_lunbo(){
//each 循环 获取当前带imgOn的元素
var current=0;
$(".imgList li").each(function(){
if($(this).is('.imgOn')){
current=$(this).index();
}
});
//到开头的时候需要从后边重新开始
if(current==0){
current=length;
}
changeTo(current-1);
}
function right_lunbo(){
//指向下一个元素
var current=0;
$(".imgList li").each(function(){
if($(this).is('.imgOn')){
current=$(this).index();
}
});
//判断是否是最后 each 索引 从0开始
if(current== length-1){
changeTo(0);
}else{
changeTo(current+1);
}
}
/** 先清除之前imgOn infoOn 类
* 给指定的索引 添加 类
*/
function changeTo(number){
$(".imgList li").removeClass('imgOn');
$('.imgList li').eq(number).addClass('imgOn');
$(".infoList li").removeClass('infoOn');
$(".infoList li").eq(number).addClass("infoOn");
$(".indexList .red").text(number+1);
} *
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
