マウスオーバーなど

近々、お世話になっているWingBrainのサイト、および当サイトのデザインを全面的に見直す予定でおりますが、その全体イメージをPower Pointで試作しました。（当サイトのものは既に当サイトで公開しております。）
どちらもデザイン的には基本的な面を共通化する予定なので、今週中にHTML版をパワポのイメージ通りになるように、試作してみます。

昨日、今日と、マウスオーバー（ロールオーバー）を実現する方法、画像が表示できない環境での代替テキストの表示方法などを調査しました。ロールオーバーは、CSS（スタイルシート）でやる方法とJavaScript（JQuery）でやる方法とがあるようです。

前者は簡単なのですが、あるサイトによるとIEなどバージョンによってはバグっぽい挙動をする場合があるようです。とはいえ簡単であるのと、JavaScript不要なので、当サイトの本文（Google Docs、CSS使用可でJavaScript不可）には適しています。
後者は、特にJQueryが簡単なようです。ちょっと凝ったアニメなども付けられ、CSSよりも凝ったことができそうなので、こちらも捨てがたいなぁ、と。

まずは簡単に、両方の方式を試してみたいと思います。早速、今日以降、それぞれの方式を試作してみます。