ロールオーバーで隣の画像の表示を変えるには。

まずは以下のサイトのナビゲーションバーの下のメインイメージ部分をご覧ください。
http://panasonic.co.jp/excelstaff/

「事務系派遣・紹介予定派遣」や「エンジニア派遣・紹介予定派遣」にカーソルを合わせると、
左横の画像が変わります。

更にオンマウス時にバーにアニメーションが発生します。
[アニメーション内容]
半分半分だった色が一色に統一されます。

これはFlashによるものだと思いますが、
参考になるサイトや書籍等ございましたら、是非ご教授ください。

なお、Flashは使用せず、つまりアニメーションは使用せず、
CSSやJavascript等を使用して、
左横の画像を変えるやり方も調べています。

併せて、参考になるサイトや書籍等、ご紹介願います。

No.1 ベストアンサー 回答者： prunote 回答日時： 2010/12/17 00:42

どちらの方法も結構簡単ですよ。

↓flash勉強用サイト

http://flashmovie.client.jp/02-tech.html

↓おすすめ書籍
Webデザイン＆スタイルシート逆引き実践ガイドブック　境　祐司

2008年初版で少し古いのですが、Webデザインの勉強の仕方や、デザインの基本なんかも載せられていて面白かったです。


まるまるこのサイトをコピーして作ってみたりしたらいいと思います。

この回答へのお礼

ご返答ありがとうございます。

特にhttp://flashmovie.client.jp/02-tech.htmlから発見した。
http://www2.netwave.or.jp/~light/index.htmlですが、
とてもためになりそうです。

お礼日時：2010/12/17 16:41