JavaScript
jQuery navigation position HTML <html lang="ja"> <head> <title>Beautiful Background Image Navigation</title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/style.css"> </link></meta></head></html>
jQuery Little Boxes Menu HTML <html lang="ja"> <head> <title>Little Boxes Menu with jQuery</title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen,print"> <style> *{ margin:0; padding:0; } body{ background:#000 url(images/base.jpg) no-…</link></meta></head></html>
jQuery 横スライド：ホイール対応 HTML/CSS <html lang="ja"> <head> <meta charset="UTF-8"> <style type="text/css"> </meta></head></html>
jQuery 画像スライドメニュー HTML <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>画像スライドメニュー</title> </meta></meta></meta></head></html>
jQueryアコーディオンメニュー（jquery-1.6.min.js使用） HTML <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>アコーディオンメニュー</title> </meta></meta></meta></head></html>
jQueryドロップダウンメニュー HTML <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>ドロップダウンメニュー</title> </meta></meta></meta></head></html>
jQuery lightBox jQuery：John Resig によって開発されたJavascriptライブラリ。 検索するといろいろあって楽しい！！ カスタムしながらいろいろ自分のサイトに組み込みたい。 カスタマイズ 「オバーレイ色」 overlayBgColor: ‘#000′ 「不透明度」 overlayOp…
変数 var:variable（変数宣言） 文字列や数字などのデータを記憶するための器で変数に代入しておけば繰り返し使用することができる。 変数には名前を付けて、値を設定する。 『変数を使って「来年は、西暦2012年です。」とブラウザに表示させる。』 変数：ye…
ボタンで背景色を変える <html lang="ja"> <head> <meta charset="UTF-8"> <title>日本の伝統色</title> <style type="text/css"> </meta></head></html>
画像置換 ナビゲーションボタンをそれぞれ別々作る。 ボタン名は01、02など番号にする。 「hover」時の画像名には「_o」を使用する。 onMouseOver & onMouseOut 書き方は古いが、エラーは起きない。 <html lang="ja"> <head> <meta="UTF-8"> <title>画像置換</title> <style type="text/css"> </meta="utf-8"></head></html>
イベントハンドラの練習 イベント 「キーボードのボタンが押された」とか「マウスが移動した」等のコンピュータ上で発生するなんらかの事象のこと。 イベントハンドラ イベントが発生したときに行う処理のこと。「on〜」で始まる。 【J01】[[Here]] 写真をク…
