-
jQuery数値スクロールカウンターコード
jQueryのシンプルな数値増加アニメーション、デジタルスクロール効果、カウンターアニメーション特殊効果。 ps:IE6、7、8とは互換性がありません。jQueryの効果2020-12-0136592020-12-01 -
css3同心愛鼓動特殊効果
CSS3 は、@keyframes 属性に基づいて、同心の心臓の弾性鼓動効果を描画します。これは、サイズの異なる 3 つのハートで構成されるアニメーション特殊効果です。CSS3特殊効果2020-12-0120982020-12-01 -
10412020-11-30
-
タブラベル画像切り替え大画像プレビュー特殊効果
ネイティブ js ES6 を使用して、カテゴリ ラベル タブ切り替え表示画像プレビュー特殊効果インターフェイスを実装します。画像テキストの取得を動的に設定して、分類された画像のタブ切り替え効果を実現します。次の関数 new $isg_Img({data: data, curType: 初期表示カテゴリ, parasitifer: locator }); を呼び出すだけです。画像の特殊効果2020-11-3013082020-11-30 -
jQuery の大きな画像のズームイン、ズームアウト、回転プレビュー
jQueryブラックマスクレイヤー大きな画像の左右切り替え、画像360度回転、ズームイン・アウトプレビュー機能特殊効果。画像の特殊効果2020-11-3013272020-11-30 -
6922020-11-27
-
7112020-11-26
-
フローティング プロンプト ボックス UI の特殊効果をポップアップします。
ネイティブ js css3 ポップアップ プロンプト ボックスで、ボタンをクリックしてフローティング プロンプト レイヤーをポップアップします。メインコンテンツプロンプトボックス、警告プロンプトボックス、成功プロンプトボックスコード。窓効果2020-11-2637562020-11-26 -
黒い左側のナビゲーション管理パネル UI 特殊効果
ネイティブ js css3 を使用して、アイコン テキストの垂直ナビゲーション メニュー ui レイアウトを備えた黒の実用的な左側のカテゴリ ナビゲーション管理パネルを作成します。用途: 機能およびバックエンド管理 UI Web サイト テンプレート。メニューナビゲーション2020-11-2687552020-11-26 -
21672020-11-25
-
Swiper Xiaomi 公式ウェブサイトのナビゲーション画像カルーセルの例
Xiaomi 公式ウェブサイトのバナー広告画像カルーセルと、Swiper に基づくサイド ナビゲーション メニューのデモンストレーション。ショッピングサイトや商品紹介サイトの画像カルーセルコードに適しています。フォーカススライド2020-11-2520142020-11-25 -
11282020-11-24
-
ショッピング カートの支払いボタン UI インタラクティブな特殊効果
HTML5 SVG は、ショッピング カートの支払いボタンのインタラクティブ アニメーション、支払い完了の速達ボタンのアニメーションの特殊効果を作成します。フォームボタン2020-11-2413552020-11-24 -
15392020-11-24
-
12272020-11-23
-
エンタープライズ公式 Web サイトのタブのドロップダウン メニューの特殊効果
jQuery エンタープライズ公式 Web サイトのホームページでは、タブ上にマウスを移動するとコンテンツ パネルが表示され、非表示のパネルが人間らしく表示されます。この機能のよくあるバグ、つまりユーザーがタブを離れて下のコンテンツパネルに移動した際、うまく処理しないと下のコンテンツパネルに到達できず、結果的にコンテンツパネルが非表示になってしまう可能性があることを解決しました。 。さまざまなシーンでの使用に適しており、普遍的な機能を備えています。メニューナビゲーション2020-11-2342852020-11-23 -
スワイパーは Meizu 公式ウェブサイトの大きな画像カルーセル スライドショーの特殊効果を模倣しています
jQuery Swiper を使用して、Meizu 公式 Web サイトの大きな画像カルーセルとナビゲーション バーの UI レイアウトを模倣します。画像カルーセルの特徴は、白とグレーの2つのテーマがあり、画像を切り替えるとテーマの背景色も切り替わります Webサイトの商品紹介バナーの大きな画像切り替えのクリエイティブ例です。フォーカススライド2020-11-2322302020-11-23 -
7142020-11-20
-
シンプルなレスポンシブスライドショーを作成する
このサイトでは、多くの jQuery スライドショー プラグインを紹介していますが、どれも優れており強力で、中規模および大規模なページでの使用に適しています。ただし、ページが非常にシンプルで、単純かつ純粋なスライドショー効果だけが必要な場合、これらのプラグインは少し肥大化する可能性があります。今日は、プラグインを使用せずに、シンプルなレスポンシブ スライドショーを作成します。フォーカススライド2020-11-2014282020-11-20 -
レスポンシブ アニメーション効果のブログ スライドショー
これは、Swiper プラグインを使用して作成された、応答性の高いアニメーション効果のブログ スライドショーです。サムネイル、日付、タイトル、紹介文、詳細リンク、その他の情報が含まれています。スライドが切り替わると、この情報にはフェードインおよびフェードアウトなどのアニメーション効果が適用されます。フォーカススライド2020-11-2019812020-11-20 -
9042020-11-19
-
38292020-11-19
-
NetEase が作成した雰囲気のあるスライドショーを作成する Swiper
これは、Swiper プラグインを使用して作成された、「NetEase Intelligent Manufacturing」のホームページ用のワイドフォーマットの雰囲気スライド エフェクトです。合計 6 つのスライドがあり、レスポンシブなデザインで、フェードインとフェードアウトの切り替えモードが表示されます。スライド領域を移動して、左右の矢印を表示し、非表示の矢印を移動します。同時に、画像の自動再生と遅延読み込みを設定します。フォーカススライド2020-11-1915432020-11-19 -
14062020-11-19