ボックスのコンテンツを移動すると、本格的なWebサイトテンプレートではありませんが、ウェブサイトのページ間を遷移するユニークな方法が含まれています。テンプレートには、ページの背景に表示されるボックスを使用しています。これらのボックスは、中またはページの背景にアニメーション他のコンテンツを表示することができる容器または大きなボックスを作成するためにそれらをマージしています。これは、jQueryのイージングと2D変換プラグインの上に構築され、1ページのサイトで使用するのに最適なツールですました。ダウンロードパッ...

続きを読む

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

続きを読む

ドラッグ可能な画像ボックスのグリッドドラッグを披露し、効果を削除するには完全に機能する画像アルバムスクリプトを使用してパッケージ化されています。関係なく、このギャラリーの、効果を抽出することができると同様に、他のイメージグリッドに約適用しました。上記の機能のほかに、このギャラリーは、ユーザーがフルスクリーンで自分のコンテンツを視聴するには画像をクリックすることを可能にし、テキストボックスのためには、フルテキストビューのフルスクリーンモーダルを提示します。ドラッグ可能な画像ボックスのグリッドは、現代のインタラ...

続きを読む

スライドダウンボックスメニューの代わりに、いくつかの醜いテキストベースのオプションを表示するので、ホバー要素を強調するために派手なイメージを使用してカリスマナビゲーションメニューです。メニューには、メニューオプションと、小さな説明を示し、水平バーのように見えます。画像がその上にアニメーション化されているときにマウスホバーで、メニューオプションとその説明は、メニューの下にプッシュされます。メニューのオプションは、必要に応じてそれをホバリング時にメニューの説明の右側に表示されたサブアイテムを保持することができま...

続きを読む

の効果は二つに画像を分割し、スライスを回転させ、ページの全領域に適用することによって動作します。フルスクリーン表示モードでは、ユーザは、画面の右上隅に特別なアイコンを押すことで元の画面に戻すことができますが。この効果は、画像のスライドショー、HTML 5ビデオプレーヤーなどとの統合に最適です。デモは、ダウンロードパッケージに含まれています。 要件:クライアント側で有効になってます。 JavaScriptのCSS3対応ブラウザjQueryの この制限事項:...

画像メニューを展開すると、実際にはメニューはありませんが、ウェブサイト上で使用するのは非常に複雑で美しいUIウィジェットです。デフォルトでは、ページの読み込み時に、画像パネルの数が示されているが、すべてが崩壊しました。パネルをクリックすると、それを拡張し、小タイトルと説明テキストが表示されます。同じパネルや他のパネルをクリックすると、現在のパネルの崩壊と他の一方の開放を行います。画質調整メニューを展開すると、デフォルトでページのロードにパネルを開くか、特定のパネルを開くために、外部のコントロールを使用してサ...

、ページの読み込み時に、ポラロイドPhotobarギャラリーは、ページの下部に写真のフォルダなど、すべての画像アルバムを表示します。フォルダをクリックすると、クリックして、ページの中央に見て、画像を選択することができ、そこからサムネイルスライダーにその内容を拡大していきます。画像は、一番下にある小さなキャプションをサポートし、古典的なポラロイドフォトフレームの内側に示されています。すべての画像が画面に表示される前にプリインストールされています。サムネイルバーは常に、どんな目に見える残りませんが、ブラウザの下...

続きを読む

コンパクトニュースプレビューア·ウィジェットは、2つの部分に分割されます。左側のニュース一覧。ニュースは右のセクションをプレビューします。リストの項目をクリックすると、右側にそのニュース項目についての小さな説明が表示されます。コンパクトなニュースプレビューアウィジェットは、ページのより小さな領域内に大量のコンテンツをパックすることができるという、ブログやニュースポータルに最適です。サンプルウィジェットは、ダウンロードパッケージに含まれている この要件は:...

続きを読む

メニューが選択されていない他のメニュー項目を最小限にし、選択した要素に完全な可視性を与えることによって動作します。CSSトランジションやアニメーションをたっぷり使って建てられました。様々なデモは、ダウンロードパッケージに含まれています。 要件:クライアント側で有効になってます。 JavaScriptのCSS...

続きを読む

写真は、地理的位置に基づいて編成され、クラスター(レベル)にグループ化されています。クラスタをクリックすると次のレベルにユーザーを進めます。十分なスペースがすべての画像を表示するために存在する場合、地図のポイントをクリックすると、実際にサイドパネルに画像のコレクションが表示されます。次に、ユーザは、ズームアウト、またはサイドパネルの全体領域内表示する写真を選択することができます。作業のデモは、ダウンロードパッケージに含まれてます。 要件:...

続きを読む