マウスオーバー時の文字サイズ

質問

テキスト文にマウスを合わせると指定したポイントに文字列を表すようにしたいです。
--------------------------------------
<SCRIPT language="JavaScript">
<!--
msg=new Array();
msg[0]="";
msg[1]="こんにちは";
function Msg(index){
if(document.all){
box.innerHTML = msg[index];
}else if(document.layers){
document.box.document.open();
document.box.document.write(msg[index]);
document.box.document.close();
}
}
//-->
</SCRIPT>

<DIV id="box" style="position:absolute;top:250;left:350;"></DIV>

<a href="http://abc.html" target="_blank" onMouseOver="Msg(1)" onMouseOut="Msg(0)">あいさつ</a>

------------------------------------
上記の文章はどこかのサイトにある構文をコピペ、参考にさせていただいたものです。
これで一応表示されるのですが、
このとき、表示される「こんにちは」の文字サイズ、色を指定することは出来ますでしょうか？
また、座標を指定していますが、ブラウザーやOS、解像度などの違いが表示に影響することはありませんでしょうか？

回答No.2

taseki · ベストアンサー

すべてのメッセージに同じ色やサイズを指定するなら
<DIV id="box" style="position:absolute;top:250;left:350;"></DIV>
を
<DIV id="box" style="color:#00FF00;font-size:18pt;～"></DIV>
などのようにできます。
メッセージ別ならANo.1の方のおっしゃる方法で可能ですが、一応fontタグやbタグは「非推奨タグ」なので、
msg[1]="<span style='color:#00FF00;font-size:18pt;'>こんにちは</span>";
としたほうがいいです。

> 座標を指定していますが、ブラウザーやOS、解像度などの違いが表示に影響することはありませんでしょうか？

まず書き方として
style="position:absolute;top:250;left:350;"
は正しくないので、
style="position:absolute;top:250px;left:350px;"
と書きましょう（単位をつけて）。

で、ブラウザやOSによる違いは、スタイルへの対応の違い、解像度の違いは、実質的なウィンドウサイズが違うため、ノートパソコンなどを考慮して、なるべくページ全体の横幅を800px（実際は760～780pxぐらい）以内にしたほうが無難です。

お礼

大変参考になりました。もうバッチリで、気持ちの良いくらいすっきりしました！
ありがとうございます！

回答No.1

ept63

この場合ですと簡単にmsg[1]="<font color='#ddeedd'>test</font color>"
で可能です。
その他<b>などのタグはほとんど使用可能ですね。
<marquee>も使えましたよ。

お礼

<marquee>にも使えると言うのはおもわぬ副産物です。
これは使えそうなので参考にさせていただき、取り入れてみたいと思います。
ありがとうございました。