2014 年におすすめの最も人気のある jQuery 実践エフェクト 9 つ_jquery

1. jQuery cxSlide によって実装された 3 つの多機能大気フォーカス画像カルーセル

jQuery cxSlide によって実装された 3 つの多機能雰囲気フォーカス チャート カルーセル効果のソース コードは、3 つの異なるスタイルと効果を備えたフォーカス チャート カルーセル コードです。そのうちの 2 つは最も興味深いもので、1 つはフォーカス チャートの画像を組み合わせるものです。 4 つの部分に分かれており、各画像は異なるアドレスに接続されており、内側の画像にマウスを置くと他の画像が暗くなり、もう一方の画像にはサムネイルとテキストの説明が表示されます。カルーセルコード。この例の 3 つのフォーカス画像カルーセル コードは、このコードを必要とする友人がダウンロードして使用できる Web サイトに適しています。

オンラインデモ

ソースコードのダウンロード

2.jQuery多機能ポップアップレイヤープラグインLightcaseソースコード

これは JQuery の多機能ポップアップ レイヤー プラグイン Lightcase ソース コードであり、すべての主流ブラウザとモバイル デバイスをサポートする拡張可能なライトボックス プラグインです。ポップアップ レイヤーで複数の種類のメディアをサポートします。例: 写真、SWF ビデオ、HTML5 ビデオ、Ajax コンテンツ、iframe など。

オンラインデモ

ソースコードのダウンロード

3.jQuery/html5 は、携帯電話のタッチ スクリーンのクリックによるナビゲーション メニューのポップアップを実装します

これは、携帯電話のタッチ スクリーンのクリック ポップアップ ナビゲーション メニュー効果のソース コードです。切り替え機能。全体的なインターフェース効果は新鮮で、自然で、美しく、エレガントです。非常に実用的で優れた特殊効果のソースコードです。

オンラインデモ

ソースコードのダウンロード

4.jquery 小さい画像をクリックすると、大きな画像の全画面スライドショー プラグインがポップアップします

これは、jquery に基づいた全画面スライドショー プラグインのソース コードです。小さい画像をクリックすると、大きな画像のスライドショーの全画面切り替え効果がポップアップ表示されます。大きな画像のスライドショーには左右の切り替えボタンがあり、右上にはスライドショーを閉じるボタンもあります。非常に優れた特殊効果のソースコードです。

オンラインデモ

ソースコードのダウンロード

5.3D立体画像360度回転効果

360 度回転と転生効果を備えた 3D 立体画像 ソース コードには、カルーセルのような効果で 360 度の 3 次元回転が維持されます。

オンラインデモ

ソースコードのダウンロード

6. jQuery に基づいてモバイル クライアントをシミュレートし、5 つのサムネイルの間でフォーカス画像を左右に切り替えます

jQuery に基づいて、モバイル クライアント上の 5 つのサムネイルの左右切り替えとフォーカス画像の特殊効果をシミュレートするソース コードは、モバイル クライアントのバナー画像切り替え効果のソース コードと同様の左右切り替えです。自動切り替えをサポートしており、コードはシンプルで、左右の切り替えはスムーズです。

オンラインデモ

ソースコードのダウンロード

7. jQuery に基づいて画像サイズの配置を調整可能

jQuery のサイズ変更可能な画像配置効果は、前の記事の大、中、小の間でテキストを切り替えるスタイルに似ていますが、jQuery の animate 属性を使用して画像に 3 つのサイズをそれぞれ与える点が異なります。クリックした画像の幅と高さに対応する寸法を割り当てるだけです。

オンラインデモ

ソースコードのダウンロード

8.js は簡単な計算機を実装します

これは js ベースの計算機アプレットです。計算機の機能は非常にシンプルで、単純な加算、減算、乗算、除算を実装できます。さらに、かなり高度な計算機です。すべての数学的演算は Javascript で実現できるため、計算関数を自分で実装することもできます。

オンラインデモ

ソースコードのダウンロード

9.HTML5 デスクトップ フォト アルバム効果

今日は、HTML5 と jQuery をベースにしたフォト アルバム アプリケーションを紹介します。フォト アルバム内の写真を閲覧するときに、デスクトップ上に配置されているかのように、任意の位置に写真を配置できます。画像をドラッグしてデスクトップ上の任意の場所に移動することもできます。画像上の閉じるボタンをクリックすると、画像はゴミ箱となって消えます。

オンラインデモ

ソースコードのダウンロード

ここで推奨するのは、このサイトでトラフィックの多い jQuery 特殊効果です。必要な友人は、自分の参考として参照してください。