画像をツールチップで拡大表示 - かちびと.net

Result jQuery $(document).ready(function () { // サムネイル $('div.thumbnail-item').mouseenter(function(e) { // ツールチップの位置情報 x = e.pageX - $(this).offset().left; y = e.pageY - $(this).offset().top; // z-indexを追加し、class="tooltip"のpositionの値を決める $(this).css('z-index','15').children("div.tooltip").css({'top':y + 10,'left': x + 20,'display':'block'}); // マウスムーブイベント }).mousemove(function(e) { // ツールチップの位置情報