人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

<script language=”JavaScript”>
<!--季節で背景を変える
function SeasonCahnge(objImg){
myMonth=(new Date()).getMonth();
if(myMonth>=4 && myMonth<6){
//alert(”asdf”);
myIMG=”images/season_1.gif”;
}else if(myMonth>=7 && myMonth<8){
myIMG=”images/season_2.gif”;
}else if(myMonth>=9 && myMonth<11){
myIMG=”images/season_3.gif”;
}else if(myMonth<12 && myMonth>=3){
myIMG=”images/season_4.gif”;
}
objImg.src = myIMG;
}
//-->
</script>

上記スクリプト(間違っていたら教えてください)で画像をテーブルの背景(background)に表示させたいです。いったいどうすればよいでしょう?おしえてください!!

●質問者: ykan
●カテゴリ:ウェブ制作
✍キーワード:asdf background GIF SRC スクリプト
○ 状態 :終了
└ 回答数 : 2/3件

▽最新の回答へ

1 ● aki73ix
●40ポイント

http://www2.ocn.ne.jp/~sugachuu/JavaScript/rist2.html

それなら。これでいいかと

<HTML>

</HEAD>

<script language=”JavaScript”>

<!--

//

myMonth=(new Date()).getMonth();

if(myMonth>=4 & myMonth<6){

myIMG=”images/season_2.gif”;

}else if(myMonth>=7 && myMonth<8){

myIMG=”images/season_3.gif”;

}else if(myMonth>=9 && myMonth<11){

myIMG=”images/season_4.gif”;

}else if(myMonth<12 && myMonth>=3){

myIMG=”images/season_1.gif”;

}

document.write(”<BODY BACKGROUND=’”+myIMG+”’>”);

-->

</script>

ホームページ本体

</BODY>

</HTML>

◎質問者からの返答

ありがとうございます。やってみます


2 ● 虎子
●30ポイント

tableの背景とのことなので、以下のソースを背景を変更したいtableの部分に貼付けてみてください。老婆心ですが、季節ごとの背景画像はhtmlと同じ階層の「images」フォルダに、「season_1.gif」〜「season_4.gif」という名前で入れます。

なお、「”」とか「’」が全角になってる場合、すべて半角にしてください。

<script language=”javascript”>

objImg = new Image;

myMonth=(new Date()).getMonth();

if(myMonth>=4 && myMonth<6){

myIMG=”images/season_1.gif”;

}else if(myMonth>=7 && myMonth<8){

myIMG=”images/season_2.gif”;

}else if(myMonth>=9 && myMonth<11){

myIMG=”images/season_3.gif”;

}else if(myMonth<12 && myMonth>=3){

myIMG=”images/season_4.gif”;

}

objImg.src = myIMG;

document.write(”<table background=”+objImg.src+”>”);

</script>

<tr>

<td>

テストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテスト

テストテストテストテストテストテストテストテスト

</td>

</tr>

</table>

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ