html5手机端滑动切换选项卡特效,移动端swiper SlideTo方法实现手机端手指滑动选项卡滚动切换效果。
js代码
<script src="js/jquery.1.11.1.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/idangerous.swiper.min.js"></script>
<script>
var mySwiper = new Swiper('.swiper-container',{
autoHeight: true,
onSlideChangeStart: function(){
$(".tabs .default").removeClass('default');
$(".tabs li").eq(mySwiper.activeIndex).addClass('default');
}
});
$(".tabs li").on('click',function(e){
e.preventDefault();
$(".tabs .default").removeClass('default');
$(this).addClass('default');
mySwiper.swipeTo($(this).index());
});
$(".tabs li").click(function(e){
e.preventDefault();
});
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791