swiper触屏滑动选项卡tab标签切换特效,html5 swiper.js自定义实现手机移动端选项卡切换效果。
js代码
<script type="text/javascript" src="js/zepto.min.js"></script>
<script type="text/javascript" src="js/swiper/idangerous.swiper.min.js"></script>
<script type="text/javascript">
$(function() {
var tabsSwiper;
tabsSwiper = new Swiper('.swiper-container', {
speed : 500,
onSlideChangeStart : function() {
$(".tabs .active").removeClass('active');
$(".tabs span").eq(tabsSwiper.activeIndex).addClass('active');
}
});
$(".tabs span").on('touchstart mousedown', function(e) {
e.preventDefault()
$(".tabs .active").removeClass('active');
$(this).addClass('active');
tabsSwiper.swipeTo($(this).index());
});
$(".tabs span").click(function(e) {
e.preventDefault();
});
});//end
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791