視差コンテンツスライダーは剣道UIのWebサイトのホームページに触発されました。すべてのスライダ遷移について、背景画像は、スライダーの内容とは異なる速度と距離で移動するように構成されています。これは自然な動きの印象を与え、開​​発者は、スライダーの現在のコンテンツに向けてユーザの注意を引くことができます。設定可能なオプション:自動再生オプション背景シフト増分遷移間の時間ページの読み込み時に示し、第1スライダデモは、ダウンロードパッケージに含まれています。 要件:クライアント側で有効になってます。 ...

続きを読む

この効果に加えて、サークルナビゲーション効果は、他の画像スライダーのようなものです。これは、シーケンス内の画像を移行しますが、他のスライダー、次は何をプレビューするためのオプションに存在しない余分な機能を提供します。この親指プレビュー効果は、単純なCSS 3の変換を介して達成されます。別々の画像は、スライダーと親指のプレビューのために使用されるので、各スライダーで画像のセットに処理するように調製すること。サンプルスライダはサークルナビゲーションエフェクトパッケージに含まれている この要件は:...

続きを読む

プラグインはLettering.jsに基づいています。jQueryのほかに、ライブラリーはまた、CSS 3に依存しています。Arctext.jsは、すべてのテキストの一般的な曲線に同期して、彼らの様々な角度で傾斜した文字でテキストを作成し、段落のレベルで動作します。Lettering.jsは、テキストの全体的な角度を管理し、各文字の角度を計算するために使用されます。これらの値は、個別に各文字を回転させるためにCSS 3を介して渡されます。デモは、ダウンロードパッケージに含まれています。 特徴:...

パッケージには、写真やそのサムネイルで使用する4つのユニークなホバー効果が含まれています。彼らは上にユーザーが自分のマウスをオーバーするたびに、画像の下に隠された内容を明らかにすることによって動作します。すべてのアニメーションは、CSS 3の遷移を介してレンダリングされ、それらに素敵な3Dに見える効果を有しています。デモは、ダウンロードパッケージに含まれています。 要件:ます。 CSS 3対応ブラウザ この制限事項:...

ユーザーが表示するオブジェクトを選択し、カテゴリとサブカテゴリをナビゲートすることができます。ターゲット擬似クラスセレクタ:ウィジェットはCSS...

続きを読む

風景、空、雲、太陽、月や星をアニメーション化することにより、夜に日から変更されます。アニメーション全体は30秒の長さで、ループしません。「昼と夜」パッケージには、Webページの背景として使用するのに最適です この要件は: このJavaScriptはクライアント側で有効になってjQueryの1.3.2以上 この制限事項:...

続きを読む

画像の強調表示とプレビューのスクリプトは、ページ上の任意の画像の上に小さなヘイズが表示されます。それは(それは)特別なホバー効果はありませんかどうかを確認するために画像の上にマウスを移動中にこれはトリックユーザーを。画像を置くと、その上にヘイズを除去し、画像の視認性を向上させるためにページの残りの部分を暗くします。この後者の効果は遅れてホバーで示されています。特別な「ルーペ」アイコンをクリック画像、上に示されていると同時にフルサイズで画像を拡大していきますし、モーダルポップアップでそれを提示。デモは、ダウン...

続きを読む

動画コンテンツメニューjQueryプラグインは、既存のWebサイトに追加され、サイトの全体的なインタラクティビティを向上させることができます。メニューには、メニューオプションにサブカテゴリを強調するために、滑らかで、迅速かつ美しいアニメーションを使用し、megamenuのようなナビゲーションバーを構築するための素晴らしいです。メニューオプションを示す他に、メニューは、ページの背景画像新しいメニューオプションをクリックするたびに変更するように構成されています。動画コンテンツメニューメニューオプションパネルの内...

続きを読む

プラグインはそのままホバー要素を残して、ページの残りの部分を暗くします。これにより、開発者は相互作用要素をハイライト助け、ホバー要素に、ユーザーのフォーカスを移動します。また、オーバーレイのような効果は、トリガ要素がホバーされたとき、そのまま所定の要素を残して、ページを暗くするために使用することができます。これは、チュートリアル、製品shocases、モーダルシステム、およびその他のWebプレゼンテーションを作成するのに非常に有用です。小さなデモは、ダウンロードパッケージに含まれています。...

続きを読む

、ページの読み込み、フルスクリーンギャラリーでサムネイルフリップとは、画面の全域に画像を示します。ブラウザのサイズが変更された場合はその背景画像があります。ユーザーがイメージリスト内を移動できるように、クールなフリップ効果のサムネイルスライダーは、ページの右側に設けられています。ユーザが新たな画像に切り替えた後、サムネイル画像が徐々にCSS...