JavaScript内でスタイルシートのクラスを定義する記述は？

おがまん [E-Mail] 2000/06/02(金) 15:13:38
JavaScriptでスタイルシートのクラスを記述したいのですが、困っています。
何がしたいかというと、テーブルの中に色をつけて、そのテーブルにマウスが乗ると
そのテーブル内の色が変化するようにしたいです。

スタイルシートで記述したクラス１
<style type="text/css">
.class1{background:hotpink}
</style>
をテーブルに当てはめて
<table><td class="class1">あああ</td></table>
としました。

次にカーソルが乗ったときにテーブル内の色を変えたいので、
<table><a href="" onMouseOver="ColorChange()">
<td class="class1">あああ</td>
</a></table>
としました。

で、関数ColorChange()を
.class1{background:hotpink}
で決めたクラス１の色をほかの色に変化するようにJavaScriptで記述したいのですが、
どのように記述していいのかわかりませんでした。
何かいい方法があれば、教えてください。よろしくお願いします。

また、他の方法でgifなどの画像を使わずに、
テーブルのセル内の色をマウスが重なったときに変化させる方法があれば、
ぜひ教えていただきたいです。
併せてよろしくお願いします。

分かりにくい記述のようで、申し訳ありません。

偽 2000/06/02(金) 15:27:38
JSSならできたような気もしますがよくわかりません。
そもそも、JSSの参考書とか参考サイトなんてあるんでしょうか？
誰も使ってないし。

IEじゃできなかったと思います。

＃JSS=Javascript Style Sheet

おがまん 2000/06/02(金) 19:31:36
偽さん、お返事ありがとうございます。JSSというのは、私はよく分からないので、
他の方法を取ることを考えました。
で、テーブル内にiframe（ネットスケープならilayer）を作って試してみようと思います。

Mugi [E-Mail] [HomePage] 2000/06/03(土) 14:13:09
> IEじゃできなかったと思います。
style.backgroundColor="～" でできるでしょ。

Mugi [E-Mail] [HomePage] 2000/06/03(土) 14:24:42
IE専用のサンプル作ってみました。
ねすけでやるのは難しそう。
http://hp.vector.co.jp/authors/VA013453/js/000603.htm

おがまん 2000/06/03(土) 14:34:31
Mugiさん、いつも助けていただいてありがとうございます。
サンプル、見せていただきました。
まさに思ってた通りで、早速真似させてもらいます。
ネスケの方は、Mugiさんが難しいとおっしゃるくらいなので、
恐らく私では無理そうなので素直にgif画像を使おうと思います。
ありがとうございました。

Mugi [E-Mail] [HomePage] 2000/06/03(土) 14:47:01
> そもそも、JSSの参考書とか参考サイトなんてあるんでしょうか？
参考サイト：
http://www.zspc.com/
JSSはねすけ専用のスタイル定義に使えるから便利かも。

おがまん [HomePage] 2000/06/03(土) 21:42:24
Mugiさん、JSSのサイトまで教えていただき、本当にありがとうございます。
これで、何とかネスケでもできるかもしれません。考えてみます。
あ、うちはJavaScriptとかと関係ないページですが、後でうちからリンク貼らせてください。
JavaScript集とか他の人にも見てもらうと役に立ててもらえそうなので。

[上に] [前に] [次に]