この例のリンク先は、すべてトップページです。リンクにマウスカーソルが乗ると、ポップアップコメントが表示されます。プログラムAのソースをコピーして、HTMLソースのHEAD区間に貼り付けしましょう。}--></STYLE>プログラムAのソースは、表示されるポップアップコメントのスタイルを設定しているところです。文字の大きさや背景色などをここで設定しますので、下の表を参考にあなたのお好みにかえてください。Navigatorで見た場合に、表示がおかしくなってしまいます。ままにしておいて、罫線の色を背景の色と同色にしてくださいね。プログラムBのソースをコピーして、HTMLソースのHEAD区間に貼り付けしましょう。ところで、マウスカーソルからどれだけ離れた位置にポップアップコメントを表示させるかを設定しています。お好みの数字にかえてください。リンクの文字や画像のHTMLソースの例を参考にして、あなたのページのリンクの文字や画像のHTMLソースにプログラムCを貼り付けしましょう。このHTMLソースの例には4つのリンクがあります。ポップアップコメントが表示されるということです。かえて貼り付けをしてください。プログラムDのソースをコピーして、HTMLソースのBODY区間に貼り付けしましょう。場所はBODY区間のいちばん上がいいと思います。このプログラムDのソースには、表示されるポップアップコメントの内容が書いてあります。テキストだけではなく、お好みの画像も表示する事ができます。リンク文字(リンク先1)にマウスカーソルが乗った時に表示されるポップアップコメントです。いうように追加をしてください。消してしまわないようにしてください。5・6年生にもわかるやさしいJavaScriptのTOPへ。