講義32日目

講義内容

JavaScript

  • onMouseOverとonMouseOutを用いて画像置換の復習
  • サムネイル(thumbnail)で画像置換
  • jQueryを用いてクロスフェード
jQuery（ジェイクエリー）

JavaScriptライブラリの一つで、Web制作に活用できる代表的なもの。
１．ライブラリー本体をホームページ(http://jquery.com/)→上部のDownloadタグ→現在のリリース(Current Release)のMinifiedを任意の場所にダウンロード
２．html内のhead欄に以下を記述（ver1.7.2を同階層のjsフォルダ内に置いたとして）

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

※複数読み込ませる場合は列挙する（jquery.cross-slide.min.jsなど）
３．jsファイルを読み込ませたあとにjQueryのコードを以下の方式で記述する

<script>
$(function(){
  jQueryの処理
});
</script>

４．JQueryの処理は以下の形式で記述

※セレクター名は、CSSで定義されたセレクター（*,h1〜h6,p,img,#(id名),.(class名)など）やjQuery特有のセレクターが使われる。