ナビゲーション

授業記録 課題

授業で作成したナビゲーションのオーバーロールを復習。
もちろん見た目は全部一緒です。

CSS

http://kikin.han-be.com/lessonWork/1107/navTestCss1.html

jsイベント

http://kikin.han-be.com/lessonWork/1107/navTestJs1.html

jsライブラリ(Daniel Nolan)

http://kikin.han-be.com/lessonWork/1107/navTestJs2.html

Daniel Nolan使用方

公式サイトからソースをダウンロードし、そのファイルを外部ファイルで呼び出して、imgタグ内でclassをimgoverに指定する。
※rollover時に使用するイメージファイル名は名前の最後に「_o」をつけます。
(例)sample_o.jpg
元の画像とロールオーバー時の画像は一緒のディレクトリに置いておきます。

javascript外部ファイル呼び出し

<head>
<script src="jsファイルの場所" type="text/javascript">
</script>
</head>

振り返ってみてphotoshopの使い方がまだまだ全然ダメだなぁ。
使いこなせるほどのレベルまでは今の段階では考えてないけど、せめて基本的な操作はスムーズにできるようにならないと。といっても試用期間が終わってしまったので、GIMPでの練習になりますが。