No.1ベストアンサー
- 回答日時:
クラスで背景画像を指定すれば?
で、季節ごとに、クラスを変更する、とか。
季節ごとに背景画像を差し替えるのを動的にしたければJavaScriptで動的にクラスを変更すればいいけど。
クラス変更の方法を参考URLのところを元に書いてみた。
HTML自体はすごく適当なのでそれは勘弁。
ボタンに関数を割り当てているけど、実際には、BodyのOnloadイベントに書けばいい。
----
<html>
<head><title>hoge</title>
<STYLE>
<!--
.blue{
background-color:blue;
}
.red{
background-color:red;
}
-->
</STYLE>
<SCRIPT type="text/javascript">
<!--
function changeClass(i,c){
if(document.all) document.all(i).className=c;
else if(document.getElementById)
document.getElementById(i).className=c;
}
function f_changecolor(){
changeClass("body_main","red");
}
-->
</SCRIPT>
</head>
<body class="blue" name="body_main" id="body_main">
<INPUT type="button" name="changecolor" id="changecolor" onclick="f_changecolor()" value="BUTTON" />
</body>
</html>
参考URL:http://east.portland.ne.jp/~sigekazu/css/javascr …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- JavaScript ローディングアニメーションのロゴがページを読み込んだ後でも消えません 1 2022/09/20 21:50
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS 差し込み画像にをcssで大きさ指定したい 1 2022/11/23 23:14
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- Web・クリエイティブ 独学でwebデザイナーを目指すには 2 2022/09/17 16:27
- HTML・CSS 検索窓とcssハックについて 3 2022/04/22 12:21
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptでiframeの内容を「...
-
function の return 値を表示し...
-
JavaScriptでの西暦下2桁での表...
-
JavaScript でキーを送る
-
フォーカス移動抑止について
-
Backbone.js イベントが効かない
-
ボタンのID名を取得するには?
-
リンク移動先のURLを取得
-
キーを押している間の時間を計...
-
ウィンドウのタイトルを変えたい
-
SCRIPT5007: 未定義または NULL...
-
getElementsByNameで要素が取得...
-
Ajax:FireFoxだと動作しない
-
6で割り切れる数を表示するJava...
-
idHOGEで取得したinnerText(数...
-
【js】onsubmit属性が変更できない
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
別ファイルのfunctionの読み込み方
-
(Javascript)印刷するファイル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
getElementsByNameで要素が取得...
-
JavaScriptでiframeの内容を「...
-
キーを押している間の時間を計...
-
SCRIPT5007: 未定義または NULL...
-
JavaScript でキーを送る
-
フォーカス移動抑止について
-
リンク移動先のURLを取得
-
function の return 値を表示し...
-
初心者javascript ウィンドウサ...
-
ボタンのID名を取得するには?
-
フレームサイズの変更について
-
iframeの中から親ページをスム...
-
乱数を一定時間毎に表示させた...
-
ボタンを押してテキストエリア...
-
出荷予定日を表示するJavaスク...
-
XMLHTTPRequestでstatusが0に
-
自動ジャンプでフォームデータ...
-
ページ全体を検索して特定文字...
-
JavaScriptでの西暦下2桁での表...
-
idHOGEで取得したinnerText(数...
おすすめ情報