マウスオーバーで吹き出し(ツールチップ)を出す

マウスオーバーで画像や文字に吹き出しを出す

<link rel="stylesheet" type="text/css" href="css/simptip.css" />
<span class="simptip-position-top" data-tooltip="●●●●●">test</span>
<span class="simptip-position-bottom simptip-movable half-arrow simptip-multiline simptip-info" data-tooltip="●●●●">test</span>

position top:上に表示 simptip-position-top
position bottom:下に表示 simptip-position-bottom
position right:右に表示 simptip-position-right
position left:左に表示 simptip-position-left
success:緑色表示 simptip-position-top simptip-success
info:水色表示 simptip-position-top simptip-info
warning:オレンジ表示 simptip-position-top simptip-warning
danger:赤色表示 simptip-position-top simptip-danger:
half arrow:矢印が半分 simptip-position-right half-arrow simptip-warning
soft edge:角が● simptip-position-top simptip-smooth
fade effect:フェード simptip-position-top simptip-fade
movable effect:動くエフェクト simptip-position-top simptip-movable
multiline:行数あり(入れなければ横長に) simptip-position-top simptip-multiline

勉強させてもらったサイト

その他のツールチップ

コメントを残す

メールアドレスが公開されることはありません。