- 締切済み
フレームでの背景壁紙について
フレームの背景壁紙に関しての質問です。 現在 A|B のindexがありますＡはmenuでＢはTOPです。 ＡのMENUの中にDIARYがあってクリックするとBのTOPが グロブの背景付の日記が出てきます。しかし MENUのAの背景壁紙がINDEXのままの背景なので左右合わない柄になってしまいます。 これをグロブ日記の背景壁紙にMENU部分もしたいんですがどうすればいいでしょうか？ なお背景壁紙は全て自分で作ったものです。 説明不足かもしれませんがどうぞ宜しくお願いします。
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- hrm_mmm
- ベストアンサー率63% (292/459)
＞A|B のindexがあります フレームですね。 ＞ＡはmenuでＢはTOPです。 中略 ＞ＡのMENUの中にDIARYがあってクリックするとBのTOPがグロブの背景付の日記が出てきます。 ＞これをグロブ日記の背景壁紙にMENU部分もしたいんですがどうすればいいでしょうか？ A B どちらのフレームのファイルに記述するかにもよりますが、 変更が一ファイルで済むということで、menu.htmlに記述する方を作ってみました。 <script type="text/javascript"> function bg_img(img_url){ if(documnt.body.style.backgroundImage) { documnt.body.style.backgroundImage = "url(" + img_url +")"; } } </script> <a href="top.html" target="B" onclick="bg_img('./img/top.jpg')">top</a> <a href="blog.html" target="B" onclick="bg_img('./img/blog.jpg')">blog</a> ※注１ ブラウザによっては、documnt.body.style.backgroundImageで変更できないかもしれません。最新版ブラウザなら大丈夫と思います。 ※注２ 各リンクにonclickを記述。bg_img()の引数にそれぞれのページの背景画像へのURLを記述。
補足
早速ありがとうございます。 現在リンクはまだですがこんな感じです。 <META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.4 for Windows"> <TITLE></TITLE> </HEAD> <BODY background="st-102.jpg" link="#ffffff" vlink="#ffff00"> <DIV align="center"> <P><BR> </P> <FORM><FONT color="#ffffff"><B><INPUT type="button" value="H O M E" style="border-style:solid; border-width:2px; width:122px; border-color:#ffffff; background:#000000; font-size:10pt; color:#ffffff" onMouseOver="this.style.background='#ff0000'" onMouseOut="this.style.background='#000000'"></B></FONT></FORM> <FORM><FONT color="#ffffff"><B><INPUT type="button" value="dairy" style="border-style:solid; border-width:2px; width:122px; border-color:#ffffff; background:#000000; font-size:10pt; color:#ffffff" onMouseOver="this.style.background='#ff0000'" onMouseOut="this.style.background='#000000'"></B></FONT></FORM> <P><BR> </DIV></BODY></HTML>