ちょっとした動きをJavaSciptなしで実装できないかと思い、 CSSのみで吹き出しの表示・非表示を作成しました。 ブラウザはChrome、Firefox、IE9以上で確認しています。 ##**サンプル** 罫線で囲まれた「ここをマウスオーバーすると・・・」をマウスオーバーすると右上に吹き出しが表示されます。 cssでポップアップウィンドウを実装する方法 今回はポップアップウィンドウの実装をhtmlとcssのみで行います。 なので、ポップアップウィンドウのcssを記述する場合は ダッシュボードメニューから、 外観 → カスタマイズ → 追加cssをクリックし 以下の マウスオーバーで吹き出しをポップアップ 概要 jqueryballoonjsを使用して、マウスオーバーで吹き出しを簡単にポップアップで表示する方法の紹介です。 このjQueryプラグインは、シンプルでとても簡単に設置することができます。
Javascriptでポップアップウィンドウを表示させる方法 初心者向け Techacademyマガジン
