jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Learning Parallax effect</title> </head> <body> ここにいろいろと書いていく・・・ <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> </body> </html>
以降でご紹介していくサンプルコードは、このHTMLをベースとしていきます。
上記テンプレートでは、jQueryファイルはオフィシャルサイトのCDNを利用して読み込んでいます。ファイルそのものを直接ローカル環境にダウンロードしても問題ありませんが、管理するファイルが増えるのも手間なので、ネットワーク上から直接読み込む方を推奨します。
Copyright © ITmedia, Inc. All Rights Reserved.