example

Welcome to DynamicHTML Library for InternetExplorer4.0 or later

source code
・HEAD部の記述
  <STYLE TYPE="text/css">
  <!--
    .on  { 変更する CSS 要素 }
    .off { デフォルトの CSS 要素 }
  -->
  </STYLE>

・BODY部の記述
  <P onMouseover="this.className='on'" onMouseout="this.className='off'">
    コメント
  </P>
source point
この Dynamic HTML のように 一度に複数のスタイル要素を変更を変更する場合は、 前出のタグに直接スタイルを指定する方法より、 HEAD 部の スタイルブロックで CSS 属性を定義して、それを参照する方法を とると楽に実現できます。
このような場合、 body オブジェクトの className プロパティを使用します。
参考までに今回紹介したサンプルでは、on のスタイル要素として
color: yellow; font-size: 14pt; font-style: italic; font-family: Times;
を使用し、off の要素としては
color: aquamarine; font-style: normal;
を設定しています。