![ブートストラップとanimate.cssに基づくモーダルボックス効果](https://img.php.cn/upload/jscode/000/120/096/5d7f19717055b776.jpg)
![](/static/imghwm/eye.png)
bootstrap と animate.css に基づいたモーダル ボックス効果。表示と非表示の動的な効果をカスタマイズしたり、表示と非表示時のコールバック メソッドを追加したり、データを入力したりできます。
![animate.css とネイティブ JS に基づくマウススクロールアニメーション効果](https://img.php.cn/upload/jscode/000/000/001/587990cdd16ee941.png)
![](/static/imghwm/eye.png)
マウス スクロールのアニメーション効果は、animate.css とネイティブ JS をベースに実現されています。非常に優れた CSS3 アニメーション効果です。CSS アニメーション プラグイン animate.css をベースに実現されています。animate.css には多くのアニメーション特殊効果があり、オープンソースですので、公式ウェブサイトにアクセスしてご覧ください。
![トランジションアニメーション効果を備えたブートストラップモーダルウィンドウ](https://img.php.cn/upload/jscode/000/120/096/5d7f0dfa09f83164.jpg)
![](/static/imghwm/eye.png)
これは、Velocity.js トランジション アニメーション効果に基づいたブートストラップ モーダル ウィンドウとポップオーバーです。このエフェクトはブートストラップ モーダル ウィンドウとポップオーバーに基づいており、velocity.js を使用してモーダル ウィンドウとポップオーバーが開いたときにアニメーション トランジション エフェクトを作成します。
![jQueryモーダルウィンドウを開くアニメーション効果](https://img.php.cn/upload/jscode/000/000/001/58d3822e174e1966.jpg)
![](/static/imghwm/eye.png)
jQuery モーダル ウィンドウを開くアニメーション効果は、Bootstrap モーダル ウィンドウとポップオーバーに基づいており、モーダル ウィンドウとポップオーバーが開いたときに、velocity.js を使用してアニメーション遷移効果を作成します。
![4 つのクールなブートストラップ イメージ ギャラリーとライトボックス効果テンプレート](https://img.php.cn/upload/jscode/000/120/096/5d79f73da0406261.jpg)
![](/static/imghwm/eye.png)
これは、Bootstrap に基づいた画像ギャラリーとライトボックス効果のテンプレートです。このテンプレートのセットには 4 つの異なるレイアウト効果があります。
![animate.css をベースにした jQuery+CSS3 テキスト アニメーション プラグイン](https://img.php.cn/upload/jscode/000/000/001/5a31e126c0857180.png)
![](/static/imghwm/eye.png)
animate.css および CSS3 Web ページの動的テキスト効果コードに基づく、さまざまなクールな jQuery+CSS3 テキスト アニメーション プラグイン。
![jsモーダルダイアログプラグインrmodal.js](https://img.php.cn/upload/jscode/000/120/096/5d78a6ff47ce0703.jpg)
![](/static/imghwm/eye.png)
rmodal.js は、アニメーション効果を備えた js モーダル ダイアログ プラグインです。 rmodal.js モーダル ダイアログ プラグインの圧縮バージョンはわずか 1.2 kb で、外部依存関係がなく、アニメーション効果を備えたモーダル ダイアログ効果を作成できます。使い方が簡単で実行効率が高いという特徴もあります。外部依存関係のない純粋な JS で書かれています。 IE9 以降を含むすべての最新ブラウザをサポートします。 bootstrap および animate.css と組み合わせて使用できます。 CommonJS AMD またはグローバルをサポートします。
![jQueryモーダルウィンドウのログイン効果](https://img.php.cn/upload/jscode/000/000/001/58d37f6f066c5323.jpg)
![](/static/imghwm/eye.png)
jQuery モーダル ウィンドウのログイン効果は、jQuery に基づいて実装された Web サイトのログイン ボックスのポップアップ特殊効果コードです。
![jQuery + CSS3 トランジション アニメーション モーダル ウィンドウの特殊効果](https://img.php.cn/upload/jscode/000/000/001/58d372c0b0e52313.jpg)
![](/static/imghwm/eye.png)
jQuery+CSS3 トランジション アニメーション モーダル ウィンドウ特殊効果は、Codrops の ModalWindowEffects をベースに生成されており、jQuery プラグインを使用して、開いているさまざまなモーダル ウィンドウの効果を一元管理します。
![ブートストラップに基づいたモバイル応答カルーセル効果のサポート](https://img.php.cn/upload/jscode/000/000/001/5993aa8c6d906642.png)
![](/static/imghwm/eye.png)
bootstrap-carousel-touch-slider は、モバイル端末をサポートする Bootstrap に基づく応答性の高いカルーセル エフェクトです。指でスライドすることでカルーセル効果を切り替えることができます。また、animate.css と組み合わせると、さまざまなクールなテキスト アニメーション効果を作成できます。 説明書 ブートストラップ関連ファイル、font-awesome.css フォント アイコン ファイル、animate.min.css アニメーション ファイル、および jquery.touchS をページに導入します。
![シンプルで実用的なBootstrapタブ効果](https://img.php.cn/upload/jscode/000/000/001/5993b9b5ddd86676.png)
![](/static/imghwm/eye.png)
これは、Bootstrap に基づいたシンプルで実用的なタブ効果です。このタブはネイティブのブーストラップ タブに基づいて美化されており、その効果はスタイリッシュで寛大で、非常に優れています。 説明書 jquery およびブートストラップ関連ファイルをページに導入します。
![HTML5ベースの画像トリミングプラグイン](https://img.php.cn/upload/jscode/000/000/001/587879b4d0d55659.png)
![](/static/imghwm/eye.png)
HTML5 ベースの画像トリミング プラグイン、WYSIWYG トリミング方式、HTML5 キャンバスに基づいて複数のサムネイル サイズの画像を生成できます 描画の実装では、さまざまな効果を伴うトリミングがサポートされています。もちろん、画像を保存する必要がある場合でも、画像をトリミングするバックエンド サービス プログラムが必要です。トリミング ページは、Bootstrap フレームワークに基づいて実装されています。
![jQueryのサムネイルと大きな画像のスクロール切り替えプレビュー効果](https://img.php.cn/upload/jscode/000/287/557/607e2ac58cd32230.png)
![](/static/imghwm/eye.png)
jqueryとcssのフォトフレーム画像プレビューに基づいて、側面のサムネイルをクリックすると、対応する大きな画像効果が表示されます。これは、サムネイルと大きな画像の間の切り替えを組み合わせた、一般的に使用されるプレビュー効果です。
![Googleウォブルウィンドウプラグインjquery-wobblewindow-plugin](https://img.php.cn/upload/jscode/000/120/096/5d832d7c5075c315.jpg)
![](/static/imghwm/eye.png)
これは、ねばねばしたエフェクトのジッター ウィンドウを作成できる jquery プラグインです。ネバネバ効果のジッター ウィンドウは HTML5 キャンバスに基づいて作成されており、マウスが HTML 要素の内外に移動すると、境界線に波状のジッター効果を作成できます。
![jQuery マウスがジッター変形エフェクトに移動します](https://img.php.cn/upload/jscode/000/000/001/59195d0719939967.jpg)
![](/static/imghwm/eye.png)
jQuery のマウスイン ジッター変形エフェクトは HTML5 キャンバスに基づいており、マウスが出入りするときに HTML 要素の境界線に波状のジッター エフェクトを作成できます。
![easyDialog はシンプルで実用的なポップアップ レイヤー コンポーネントです](https://img.php.cn/upload/jscode/000/120/096/5d7f1c6053595619.jpg)
![](/static/imghwm/eye.png)
easyDialog にはテンプレート メカニズムがなく、ロジック層のポップアップ効果のみを担当します。コンテンツ (メッセージ ボックス、フォーム、画像など) がどのように表示されるかについては、easyDialog は気にしません。ロジックとビジネスが非常に緊密に結合されている場合、移植性と拡張性が大幅に低下します。
![CSS3 3Dルービックキューブ回転画像切り替えビュー特殊効果](https://img.php.cn/upload/jscode/000/000/014/170891878051111.jpg)
![](/static/imghwm/eye.png)
CSS3 3D ルービック キューブ回転画像切り替え表示効果は、マウスで選択した画像で、360 度の見事な 3D 回転キューブ アニメーション特殊効果を自動的に実現できます。
![CSS3 ログイン フォームのフローティング プレースホルダーによる特殊効果](https://img.php.cn/upload/jscode/000/000/010/170891876947019.jpg)
![](/static/imghwm/eye.png)
フローティング プレースホルダーを使用した CSS3 ログイン フォーム効果は、フローティング プレースホルダーとインジケーター ボタン効果を備えたログイン フォーム ページです。
![水平にドラッグして画像の特殊効果を切り替えることができます](https://img.php.cn/upload/jscode/000/000/012/170891876619588.jpg)
![](/static/imghwm/eye.png)
水平方向にドラッグして画像を切り替えることができる特殊効果は、左右の矢印ボタンを備えた Web 特殊効果であり、画像リストを水平方向にドラッグして効果を表示することもできます。