画像をスライドさせてマウスオーバー

日付 :

2004.08.28

タグ :

none

JAM LOGで紹介されていた、CSSで画像をスライドさせるマウスオーバーのやり方、なかなか面白いです。普通、CSSでマウスオーバーをさせる場合、背景画像を切り替えて表示しますが、この場合、オーバーする時に新しい画像を読み込む必要があるので、表示も少し遅れます。そこで、通常の状態とオーバーさせた状態の画像を一つにしておいて、画像をスライドさせる方法を使うというわけです。表示させる範囲を切り替えて表示をすれば、読み込みの必要がないので、速く表示されるという仕組み。CSSは使い方次第で色々なことができるから、いじっているだけで楽しいですな。