マウスに追従する吹き出しを表示 | 私的雑録

$(function () { $('span').hover(function() { $(this).next('p').show(); }, function(){ $(this).next('p').hide(); }); // マウス座標を吹き出しにセット $('span').mousemove(function(e){ // 吹き出しに合わせ微調整 $('.arrow_box').css({ 'top': e.clientY - 20, 'left': e.clientX + 20 }); }); }); span { display: block; cursor: pointer; } .arrow_box { display: none; position: absolute; padding: 16px; background: #333; border-radius: