記事の紹介：Swiper は、携帯電話やタブレットなどのモバイル端末用のスライド特殊効果プラグインです。タッチスクリーンのフォーカス画像、タッチスクリーンのタブ切り替え、タッチスクリーンのマルチ画像切り替えなどの一般的な効果を実現できます。これは、現在、モバイル Web ページで最も広く使用されているタッチ コンテンツ スライド プラグインです。

2018-03-21 コメント 0  2558

記事の紹介：vue.swiper は、現在最も広く使用されているモバイル Web ページのタッチ コンテンツ スライディング JS プラグインです。純粋に JavaScript で作成されたスライディング特殊効果プラグインです。携帯電話やタブレットなどのモバイル端末向けに実現できます。タッチ スクリーン フォーカス マップ、タッチ スクリーン タブ切り替え、タッチ スクリーン マルチ画像切り替えなどの一般的なエフェクト。

2020-12-24 コメント 0  2974

記事の紹介：モバイル デバイスの普及に伴い、ジェスチャー スライドを使用してページを切り替えることに慣れているユーザーが増えています。 Vue 開発では、VueRouter をベースとしたページ切り替え方式では、プッシュ方式と置換方式のルーティングが一般的です。ただし、この方法で実装されたページ切り替えでは、モバイル ジェスチャがスライドして戻るときに特定の問題が発生します。この記事では、Vue 開発におけるモバイル ジェスチャのスライディング リターンの問題を解決する方法を紹介します。モバイル端末でのジェスチャーのスライドリターンの問題を解決するには、Vue プラグイン vue を使用する必要があります。

2023-06-30 コメント 0  2828

記事の紹介：この記事で共有するのは、jQuery のフルスクリーン (全画面) スクロール プラグイン Web ページの特殊効果です。マウス ホイールを回転させると、画面全体が 1 つの画面に切り替わり、JS を表示するように設定できます。コードは上下左右中央に配置されており、現在最も人気のある jQuery の全画面スクロール プラグインです。 (互換性テスト: IE6 以降、Firefox、Chrome、Opera、Safari、360 およびその他の主流ブラウザ)

2016-05-16 コメント 0  1063

記事の紹介：ユーザーは複数の名刺を持っており、それらを表示するにはメニュー ボタンを下に切り替える必要があります。 ここでは、WeChat が提供するスライド コンポーネント スワイパーを使用し、1 番目のレイヤーは名刺表示とメニュー ボタンの上下のスライドです。の名刺表示（相互埋め込み対応。セットで使えるので安心してご利用いただけます）。垂直に追加すると垂直方向にスライドし、削除すると左右にスライドします。全体的な構造は次のとおりです。 クリック イベントは、複数のクリック切り替えをサポートする必要があるため、データ切り替えメソッドにバインドされています。初期化データはnextSli...

2017-06-10 コメント 0  1478

記事の紹介：ユーザーは複数の名刺を持っており、それらを表示するにはメニュー ボタンを下に切り替える必要があります。 ここでは、WeChat が提供するスライド コンポーネント スワイパーを使用し、1 番目のレイヤーは名刺表示とメニュー ボタンの上下のスライドです。の名刺表示（相互埋め込み対応。セットで使えるので安心してご利用いただけます）。垂直に追加すると垂直方向にスライドし、削除すると左右にスライドします。全体的な構造は次のとおりです。 クリック イベントは、複数のクリック切り替えをサポートする必要があるため、データ切り替えメソッドにバインドされています。初期化データはnextSli...

2017-06-10 コメント 0  1496

記事の紹介：ユーザーは複数の名刺を持っており、それらを表示するにはメニュー ボタンを下に切り替える必要があります。 ここでは、WeChat が提供するスライド コンポーネント スワイパーを使用し、1 番目のレイヤーは名刺表示とメニュー ボタンの上下のスライドです。の名刺表示（相互埋め込み対応。セットで使えるので安心してご利用いただけます）。垂直に追加すると垂直方向にスライドし、削除すると左右にスライドします。全体的な構造は次のとおりです。 クリック イベントは、複数のクリック切り替えをサポートする必要があるため、データ切り替えメソッドにバインドされています。初期化データはnextSli...

2017-06-10 コメント 0  2820

記事の紹介：これは、jquery.pogo-slider プラグインに基づく複数のスライダー切り替えエフェクトです。この記事では、非常にクールなアニメーション効果を実現するための Jquery 左右スライド プラグインを紹介します。jquery 左右スライド プラグインの関連知識に興味がある友人は、それを参照してください。

2016-05-16 コメント 0  1373

記事の紹介：今回は、テーブルの色を交互に変更し、マウスイベントを操作するための jQuery プラグインについて説明します。実際のケースですので、見てみましょう。

2018-04-24 コメント 0  1670

記事の紹介：Swiper は現在人気のモバイル タッチ スライド プラグインで、シンプルで使いやすく、多くのフロントエンド開発者に歓迎されています。この記事では、AngularJS の Swiper を使用して、スライドできないスクロール画像を作成するための解決策を主に紹介します。

2016-12-29 コメント 0  1361

記事の紹介：ユーザーは複数の名刺を持っており、それらを表示するにはメニュー ボタンを下に切り替える必要があります。 ここでは、WeChat が提供するスライド コンポーネント スワイパーを使用し、1 番目のレイヤーは名刺表示とメニュー ボタンの上下のスライドです。の名刺表示（相互埋め込み対応。セットで使えるので安心してご利用いただけます）。

2017-05-23 コメント 0  3359

記事の紹介：swiperSwiper は、純粋な JavaScript で作成された、携帯電話やタブレットなどのモバイル端末を対象としたスライド特殊効果プラグインです。スワイパーは、タッチ スクリーンのフォーカス画像、タッチ スクリーンのタブ切り替え、タッチ スクリーンのマルチ画像切り替えなどの一般的な効果を実現できます。 Swiper はオープンソースで、無料で、安定していて、使いやすく、強力です。モバイル端末の Web サイトを構築するには重要な選択肢です。 1. まず、swiper オペレーティング環境を作成します。必要なファイルは swiper.min.js および swiper.min.css ファイルです。 <

2017-06-19 コメント 0  1713

記事の紹介：最初の 2 つのパートでの説明を終えると、コンテンツのスライディング切り替えの基本的な開発アイデアとテクニックが大体わかりました。次の 3 番目のパートでは、最初の 2 つのパートのコードを最適化し、jQuery プラグイン jquery にカプセル化します。 hwSlide.js。開発者は、さまざまな画像カルーセル効果、フォーカス画像効果、グラフィックとテキストの混合スライディング効果を簡単に作成できます。デモを見る ソース コードをダウンロード hwSlider には次の機能があります: さまざまなプロジェクトのニーズを満たす複数のパラメーターのカスタマイズ。 モバイルタッチスライドをサポートします。 支店...

2017-06-13 コメント 0  1449

記事の紹介：最初の 2 つのパートでの説明を終えると、コンテンツのスライディング切り替えの基本的な開発アイデアとテクニックが大体わかりました。次の 3 番目のパートでは、最初の 2 つのパートのコードを最適化し、jQuery プラグイン jquery にカプセル化します。 hwSlide.js。開発者は、さまざまな画像カルーセル効果、フォーカス画像効果、グラフィックとテキストの混合スライディング効果を簡単に作成できます。デモを見る ソース コードをダウンロード hwSlider には次の機能があります: さまざまなプロジェクトのニーズを満たす複数のパラメーターのカスタマイズ。 モバイルタッチスライドをサポートします。 支店...

2017-06-13 コメント 0  1399

記事の紹介：今日は、シームレスなページスクロールのための jquery.scroll プラグインを共有したいと思います。 上下左右、フェードインとフェードアウト、スクロール時間の設定、アニメーション時間の設定、マウスが通過した後に設定を停止するかどうか、マウスの液体バーをスクロールしてページ切り替え効果を確認することができます。このプラグインは、IE8、360、FireFox、Chrome、Safari、Opera、Maxthon、Sogou、および Window of the World のブラウザに適しています。

2016-05-16 コメント 0  1648

記事の紹介：モバイル端末を使用する場合、タッチ スクリーン ジェスチャを使用して左右にスライドして、NetEase News などの APP 列間の切り替えなど、TAB 列を切り替えることができます。ここで言う TAB は、一般的にナビゲーション バーと、その TAB に対応するコンテンツで構成されます。ナビゲーション バーのラベルが切り替わると、それに応じてラベルに対応するコンテンツも切り替わります。この記事では、モバイル端末のTABタッチスクリーン切り替え効果を例に基づいて紹介します。

2016-05-16 コメント 0  1706

記事の紹介：モバイル開発では、スライド操作は一般的かつ重要な要件です。 Vue の開発では、ユーザー エクスペリエンスを向上させるために、モバイル側でのスライド操作をどのように適切に処理するかという問題を解決する必要があります。モバイル端末におけるスライド操作の問題には、主にタッチイベントの処理とスライドアニメーションの実装という 2 つの側面が含まれます。以下に一般的な処理方法をいくつか紹介します。 VueTouch イベント ライブラリの使用 VueTouch は Hammer.js パッケージをベースにしたプラグインで、スワイプやタップなどの一般的に使用されるジェスチャ イベントをいくつか提供します。

2023-06-29 コメント 0  2141

記事の紹介：slideToggle() 関数は、スライド遷移アニメーション効果で一致するすべての要素を切り替えるために使用されます。 いわゆる「切り替え」は、要素が現在表示されている場合は非表示にし (上にスライドさせ)、要素が現在非表示になっている場合は表示します (下にスライドさせます) ことを意味します。 この関数は jQuery オブジェクト (インスタンス) に属します。 文法

2017-06-29 コメント 0  2975

記事の紹介：この記事では主に、メニュー項目をクリックすることで対応するコンテンツのスライド切り替え機能を実現できるスライドショー付きのタブスライド切り替えスタイルのメニューコードを実装するための jQuery を紹介し、jQuery のマウスイベントとページ要素の属性の動的な操作スキルを紹介します。必要な場合は以下を参照してください

2016-05-16 コメント 0  1055

記事の紹介：今日は引き続き、コンテンツのスライド切り替えエフェクトの後半を説明します。現在、Web 開発はモバイル デバイスに対応する必要があります。つまり、Web ページは携帯電話などのモバイル デバイスでもアクセスできる必要があります。そのため、最初の部分の基本的なスイッチング効果を強化し、応答性とタッチ スライド効果を追加しました。 デモを見る ソースコードをダウンロードする

2017-03-24 コメント 0  2042