一款简洁宽屏的源码商城类网站顶部导航栏和带索引图标导航大图轮播切换布局代码。使用swiper制作左侧垂直的图标导航对应大图一张张滚动切换效果,支持左右箭头按钮控制滚动切换代码。适用于各种网站顶部导航和图片轮播ui布局代码。
方法调用
var galleryTop = new Swiper('.gallery-top', {
pagination: '.swiper-pagination',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
paginationClickable: true,
autoplay: 5000,
paginationBulletRender: function(index, className) {
switch(index) {
case 0:
name = '开源网店系统';
break;
case 1:
name = '原生APP商城';
break;
case 2:
name = '开源H5微商城';
break;
case 3:
name = '微信小程序';
break;
case 4:
name = '配套服务';
break;
case 5:
name = '商业授权';
break;
default:
name = '';
}
return '<span class="' + className + '">' + name + '</span>';
}
});