バルーン | 私的雑録

jQuery 表示位置による吹き出しの上下切り替え

マウスオーバー時に位置が画面下端の場合はバルーンを上に表示

メニューが画面下端付近の場合には、マウスオーバーした際に吹き出し（バルーン）を上側に表示するようにjQueryでの制御を行います。

jQueryとCSSでマウスに追従するバルーンを表示

マウスオーバー時にマウスに追従する説明入りの吹き出しを表示します。

CSSでマウスオーバー時にバルーンを表示

メニューをマウスオーバーした際に吹き出し（バルーン）が表示するようにCSSでの制御を行います。

画像幅と吹き出し幅から真ん中を抽出し、吹き出しを表示

画像のサイズに合わせて、吹き出し幅から真ん中の位置を計算し、説明入りの吹き出しを表示します。

jQueryとCSSでマウスオーバー時にバルーンを表示

メニューをマウスオーバーした際に吹き出し（バルーン）が表示するようにjQueryでの制御を行います。