84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
この効果をより良く実現できるプラグインはありますか? これは ul です。ul を超えたコンテンツは左右にスライドでき、どのタブをクリックしても中央にスライドします。
このエフェクトは実際にはカルーセルです。swiper.js [http://www.swiper.com.cn/] を試すことができます
モバイル版: http://hammerjs.github.io/デスクトップ: この効果は見たことがありません
実装にプラグインが必要ない場合は、親コンテナでwidth:1000px、overflow:autoにして、スクロールバーを美化するだけでいいと思います
カルーセルイベントに特化した swiper.js を試してください。 さらに、モバイル端末の最初の画面に単一ページのスライドを作成したい場合は、zepto.fullPage.js を試すことができます。 モバイル側のタッチ イベントに関しては、zepto.js 自体にも基本的な組み込みイベントがいくつかあります。より高度なイベントが必要な場合は、hammer.js または AlloyFinger.js を使用できます。
このモジュールについては、Alibaba のオープンソース ソリューション Flexible を参照して、対応するチュートリアルがあるかどうかを確認してください
自分で書くこともできます~カルーセルにはswiper.js、fullpage.js、slider.jsの好きなものを使用することをお勧めします
Swiperがそれを実現し、html5のタッチイベントも実装できます
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
このエフェクトは実際にはカルーセルです。swiper.js [http://www.swiper.com.cn/] を試すことができます
モバイル版: http://hammerjs.github.io/
デスクトップ: この効果は見たことがありません
実装にプラグインが必要ない場合は、親コンテナでwidth:1000px、overflow:autoにして、スクロールバーを美化するだけでいいと思います
カルーセルイベントに特化した swiper.js を試してください。
さらに、モバイル端末の最初の画面に単一ページのスライドを作成したい場合は、zepto.fullPage.js を試すことができます。
モバイル側のタッチ イベントに関しては、zepto.js 自体にも基本的な組み込みイベントがいくつかあります。より高度なイベントが必要な場合は、hammer.js または AlloyFinger.js を使用できます。
このモジュールについては、Alibaba のオープンソース ソリューション Flexible を参照して、対応するチュートリアルがあるかどうかを確認してください
自分で書くこともできます~カルーセルにはswiper.js、fullpage.js、slider.jsの好きなものを使用することをお勧めします
Swiperがそれを実現し、html5のタッチイベントも実装できます