- ベストアンサー
JavaScriptのロールオーバーに関わるスクリプトを外部に置きたい。
JavaScriptのロールオーバーに関わるスクリプトを 外部に置きたいと考えています。 このページのほかに、より良いと思われる記述方法はないでしょうか。いくつかサンプルがあればうれしいです。 オブジェクト指向JavaScript http://web.paulownia.jp/script/rollover.html
- kimidora
- お礼率35% (396/1111)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ロールオーバーに限ったサンプルではありませんが、参考URLの「イベントハンドラをHTMLから分離する」の各記事は参考になるかと思います。
その他の回答 (1)
- osumitan
- ベストアンサー率33% (102/307)
ＩＥにかぎれば、ビヘイビアなんてのもあります。 イベント処理をスタイルとして扱えます。 軽くサンプルを作ってみました。 ---- [test.html] ---- <html> <head> <style> span { color:#000000; background-color:#ccccff; font-weight:normal; behavior:url(rollover.htc); } </style> </head> <body> <span>ロールオーバー</span> </body> </html> ---- [rollover.htc] ---- <script language="Javascript"> <!-- attachEvent("onmouseover", m_on); attachEvent("onmouseout", m_off); function m_on() { this.style.color = "#ffffff"; this.style.backgroundColor = "#ff0000"; this.style.fontWeight = "bold"; } function m_off() { this.style.color = "#000000"; this.style.backgroundColor = "#ccccff"; this.style.fontWeight = "normal"; } --> </script>
