- 締切済み
colorを操作
http://oshiete1.goo.ne.jp/qa4790494.html htmlのカテゴリで質問させていただいたのですが jabascriptの記述が分かりません。 マルチポストになってしまうと思いますが、記述をご教授願えますでしょうか。
- m-----c
- お礼率77% (738/956)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
きちんと確認してませんが・・・ スクリプトでcolor指定をすると、hoverが効かなくなるかもしれません。 もし、残しておきたいのなら ! importantを利用するか、またはclassを変えてしまうという方法もあります。
- askaaska
- ベストアンサー率35% (1455/4149)
displayの操作ができたならcolorもできるかと思ったんだけど。 http://javascriptist.net/ref/element.style.color.html こんな風ね。14行目という言い方してわかるかしら。 基本は同じように考えればいいのよ。 ちなみにこのサンプルだとredで指定しているけど #FF0000とかrgb(255,0,0)とかでもOKよ。
お礼
askaaskaさん、いつもありがとうございます。 そしてマルチポストをお許しください。 jabascriptは初めての事で displayの操作を理解せずに出来てしまっている状態です。 ですので応用は一切ききません。 答えをいただいてはいますが、どうしていいのか分かりません。 そんなレベルです。 いただいたヒントでもう一晩頑張ってみます。
補足
分かりません... 教えていただけませんか？ <html> <head> <script type="text/javascript"> function ChangeTab(tabname) { // 全部消す document.getElementById('tab1').style.display = 'none'; document.getElementById('tab2').style.display = 'none'; document.getElementById('tab3').style.display = 'none'; document.getElementById('tab4').style.display = 'none'; document.getElementById('tab5').style.display = 'none'; // 指定箇所のみ表示 document.getElementById(tabname).style.display = 'block'; } // --></script> </head> <body> <a href="#tab1" class="tab1" onclick="ChangeTab('tab1'); return false;">1111</a> <a href="#tab2" class="tab2" onclick="ChangeTab('tab2'); return false;">2222</a> <a href="#tab3" class="tab3" onclick="ChangeTab('tab3'); return false;">3333</a> <a href="#tab4" class="tab4" onclick="ChangeTab('tab4'); return false;">4444</a> <a href="#tab5" class="tab5" onclick="ChangeTab('tab5'); return false;">5555</a> <div id="tab1" class="tab"> <div class="information-newwarp">1111</div> </div> <div id="tab2" class="tab"> <div class="information-newwarp">2222</div> </div> <div id="tab3" class="tab"> <div class="information-newwarp">3333</div> </div> <div id="tab4" class="tab"> <div class="information-newwarp">4444</div> </div> <div id="tab5" class="tab"> <div class="information-newwarp">5555</div> </div> <script type="text/javascript"><!-- // デフォルトのタブを選択 ChangeTab('tab1'); // --></script><!--■タブページデフォルト設定js--> </body> </html>
お礼
一難去らずにまた一難。 その問題は第2ステップですね。その時考えたいと思います。 ですが勉強になりました。 ありがとうございます。