背景が4方向にスライドするコンテンツの切り替えが美しい jQueryをつかったアイディア

背景が4方向にスライドするコンテンツの切り替えが美しい jQueryをつかったアイディア
このエントリーをはてなブックマークに追加
PR

Simple layot with moving backgrounds

DEMO 表示

複数のコンテンツを、コンテンツごとに1画面表示にして

それぞれを、表示するときの切り替えが美しい

 

 

上部のメニューのボタンをクリックすることで、次のコンテンツが

背景がスライドし、文字の部分がフェードインする形で表示される

背景のスライドはそれぞれの、コンテンツによって固定されており

THORを表示する場合は、下方向からのスライドで背景の画像が入ってくる

4つのコンテンツがあり4方向からそれぞれ、スライドインしてくるのが良い

 

また、レスポンシブ対応にも作られている。

1ページで完結する少ない量のコンテンツのサイトを作るときには、ぜひ参考にしたいアイディア

 

コードをダウンロード

DOWNLOAD
PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)