lixin-web
Version:
vue and bootstrap
41 lines (36 loc) • 887 B
JavaScript
$(function(){
//手机端点击下拉框
$('.a888 .b1 .c2 .mobol').click(function(){
$('.a888 .b1 .c2 .d1').stop().slideToggle();
$(this).toggleClass('actived');
});
// $('.nav.noselect').tabdrop();
var imgLen=$(".personal-banner ul li").length;
var bannerBtn=$(".banner_btn");
var aA=null;
var index=0;
var num=0;
var play=null;
for(var i=0;i<imgLen;i++){
aA=bannerBtn.append("<a></a>");
}
bannerBtn.find("a").eq(num).addClass("on");
bannerBtn.find("a").click(function(){
index=$(this).index();
clearInterval(play);
btn1();
auto();
});
auto();
function btn1(){
bannerBtn.find("a").eq(index).addClass("on").siblings().removeClass("on");
$(".personal-banner ul li").animate({"left":-400*index},500);
};
function auto(){
play=setInterval(function(){
index++;
index%=imgLen;
btn1();
},5000);
}
});