最初の画面
1画面ずつスクロールするページのサンプル
jQueryプラグイン「jQuery Scrollable Link」を使ったサンプルです。
画面上部に見えているメニューをクリックすると、1画面ずつスクロールします。
サンプルページ1
ウェブ上の表現に差を付ける! CSS3活用テクニック7選
スタイルシートの最新規格である「CSS3」では、新しい様々なデザイン方法が追加されています。モダンブラウザで利用できるCSS3活用テクニックの解説記事をまとめました。CSS3を使いこなして、デザインに差を付けてみましょう。
➔http://allabout.co.jp/matome/cl000000003556/
サンプルページ2
迫力アニメーション効果で差を付ける! jQeury活用術5選
ダイナミックなデザインにはアニメーション効果が欠かせません。JavaScriptの有名ライブラリ「jQuery」を使えば、短い記述で様々なアニメーション効果が簡単に作成できます。jQueryによるアニメーション効果テクニックをまとめました。
➔http://allabout.co.jp/matome/cl000000003744/