查看演示

website

立即下载

插件描述：H5顶部导航条， 仿今日头条APP顶部点击可居中导航。该导航可手动左右滑动，点击选中后，选中项自动居中显示。

注：请在移动端预览，PC端无效果。

文件包包含JS、CSS文件 和 案例文件index.html，（注：导航为swiper插件）。

1、引入JS和CSS文件

2、编写导航HTML，并设置ID，因为是基于swiper插件，所有HTML必须符合swiper规则。

推荐

热点

更多

更多

3、设置对象动作

var TouchNav = new Swiper('#TouchNav', {

freeMode: true,

freeModeMomentumRatio: 0.5,

slidesPerView: 'auto',

});

详细操作可依据案例文件进行。

PREVIOUS:

NEXT:

粉碎立方体小游戏

jQuery轮播图支持手机端拖拽轮播(原创)