フルスクリーンで上下左右に移動できるjQueryプラグイン「jquery.fullContent」!

2016/07/30

こんにちは。
今回はフルスクリーンで上下左右に移動できるjQueryプラグイン「jquery.fullContent」!です。

ブラウザいっぱいに表示したコンテンツを上下左右にアニメーションで切り替える事ができるjQueryプラグインを紹介します。

フルスクリーンで上下左右に移動できるjQueryプラグイン「jquery.fullContent」!

jquery.fullContent

jquery-fullcontent

 

jQueryプラグイン「jquery.fullContent」をダウンロードしてみよう!

http://www.zehfernandes.com/jquery.fullContent/#downloadにアクセスし、ボタンをクリックしてダウンロードします。

 

jQueryプラグイン「jquery.fullContent」を設置してみよう!

html部分を記述します。
idを付けますよ。

 

リンクはこんな感じで、先程指定したidを使います。

 

CSSを記述します。
スクロールバーを表示させたくない時は下記を加えますよ。

 

垂直スクロールが必要な場合は下記を記述します。

 

jQuery本体とjquery.easing.min.jsとjquery.scrollTo.jsとjquery.fullContent.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。

 

jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック
jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック

 

いかがでしたか。水平・垂直にコンテンツを配置できるので、迫力のあるサイトを作る事ができますね。
以上でフルスクリーンで上下左右に移動できるjQueryプラグイン「jquery.fullContent」!でした。

Related Post

topへ戻る