ブックマーク / hori-uchi.com (1)

  • hori-uchi.com: 画像のスワップをクラス名で制御するJavaScript(プリロード付き)

    ちょっとJavaScriptをまじめに勉強しようかと思い始めました。 というわけで、手始めにマウスオーバーすると別画像に切り替わるスクリプトを書いてみました。 マウスオーバーで画像が切り替わるなんて、Dreamweaver使えばJavaScriptを知らなくてもできてしまうんですが、Dreameweaverが吐き出すコードはHTMLタグの中にonload="xxxxxxxx"とか、onmouseover="xxxxx"をやたらと追加して、非常に見づらいのです。 これだとテキストエディタでちょろっとHTMLを編集したい時に大変ですし、きっとGoogleさんもクロールしにくいでしょうから、imgタグに予めスワップ用に設定しておいたクラス名を記述しておけば、マウスオーバー、マウスアウトで画像が切り替わるようにしてみました。 作成したスクリプトはこんな感じです。クラス名から要素を取得するところはp

    yasuwi
    yasuwi 2005/09/20
    HTMLしかわからない人でも設置しやすそうな点がGood!
  • 1