最初の画面

川

1画面ずつスクロールするページのサンプル

jQueryプラグイン「jQuery Scrollable Link」を使ったサンプルです。
画面上部に見えているメニューをクリックすると、1画面ずつスクロールします。

☟PAGE.1

サンプルページ1

CSS3活用テクニック7選

ウェブ上の表現に差を付ける! CSS3活用テクニック7選

スタイルシートの最新規格である「CSS3」では、新しい様々なデザイン方法が追加されています。モダンブラウザで利用できるCSS3活用テクニックの解説記事をまとめました。CSS3を使いこなして、デザインに差を付けてみましょう。
http://allabout.co.jp/matome/cl000000003556/

☟PAGE.2

サンプルページ2

jQeury活用術5選

迫力アニメーション効果で差を付ける! jQeury活用術5選

ダイナミックなデザインにはアニメーション効果が欠かせません。JavaScriptの有名ライブラリ「jQuery」を使えば、短い記述で様々なアニメーション効果が簡単に作成できます。jQueryによるアニメーション効果テクニックをまとめました。
http://allabout.co.jp/matome/cl000000003744/

☟PAGE.3

サンプルページ3

このように、1画面ずつスクロールするページが簡単に作れます。

解説記事に戻る:
http://allabout.co.jp/gm/gc/444094/

☝HOME