マウスオーバーで画像や文字に吹き出しを出す
1 | <link rel="stylesheet" type="text/css" href="css/simptip.css" /> |
1 | <span class="simptip-position-top" data-tooltip="●●●●●">test</span> |
1 | <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