ウェブデザイン制作/ウェブ・ポジショニングのウェブZYCO'S [ オンマウスでポップアップ表示 ]

オンマウスでポップアップ表示…説明を加える

▼ JavaScript-3

「酔っぱらいは信用しないんだ。酔っぱらいは友達が多すぎる。酔っぱらいは毎晩友達を増やす。そのうち誰が友達なのか判らなくなる。だから信用出来ない」

 矢作俊彦の『ロング・グッドバイ』はレイモンド・チャンドラー原作の『長いお別れ』へのオマージュであり、主人公の二村永爾の台詞は今回もエスプリが効いている。

▼ html source

Select All

 オンマウスで説明を付加することは、例えばオンラインショッピングなどの説明で複数の購入方法を説明する場合などに便利です。文脈に該当する人だけがオンマウスを操作して説明を受けることができますので簡潔な表示が可能です。

  • ポップアップの設定
    <a href="#" onmouseover="ddrivetip('THE WRONG GOODBYE')"; onmouseout="hideddrivetip()"> ロング・グッドバイ</a>
    ブルーテキストがポップアップされます。レッドテキストについてはリンク先がある場合は"#"を編集します。
  • JavaScriptを追加する
    htmlの内に以下記述を追加します。このページのhtmlにも同様の記述がありますので参考にしてください。
    <script type="text/javascript" src="js/explain.js"></script>