PROGRAMMING備忘録的なまとめです。完成後のイメージは以下のとおり。・_・)┘1.マウスオーバーでのポップアップ機能をJavaScriptで実装する以下をそのままコピペどうぞ。それをheaderとかで読み込みます。simple_tooltip("img","tooltip");});</script>上記のままだと、すべてのimg要素にポップアップが表示されてしまいます。class指定を追記しましょう。ポップアップ表示のclass指定を修正するには以下のコードをいじります。simple_tooltip("img","tooltip");});例えば、上記コードを以下のように書き換えます。img","tooltip");});2.ポップアップさせたい文字をHTMLで記述するimg要素のtitle属性に、ポップアップしたい文字を書き込みます。具体例は以下のとおり。title="ここにテキスト<br>ここにテキスト">title要素内に改行を埋め込むのは正しい方法ではないですが力技です。/&gt;にしてみてください。3.ポップアップした文字をCSSでレイアウトを調整する以下がCSSのスタイルシートです。以下、3ステップにまとめます。以下のHTMLをコピペして、どこかに貼付ける。-9999px;』をコメントアウトする。1で出力したHTMLをもとにCSSのレイアウト調整。レイアウト調整が完了したら、1のHTMLを削除し、2のCSSをもとにもどします。:16記事で解説】SEO【完全初心者向け】プログラミング学習の始め方【3ヶ月で達成できる】PROGRAMMING【独学でWeb制作マスター】勉強方法のまとめ【初心者向け】PROGRAMMINGマナブブログ・アフィリエイト・プログラミングを愛しています。ブログを書きまくる→ブログ収益7桁達成。普段はバンコクを中心に南国にひきこもりつつ、生活費は5万円くらいで生きています。me!ブログ・アフィリエイト・プログラミングを愛しています。ブログを書きまくる→ブログ収益7桁達成。普段はバンコクを中心に南国にひきこもりつつ、生活費は5万円くらいで生きています。