1. 効果は写真の通りです 2. 実装アイデア 1 マウスをタイトル内に移動します (ここには タグがあります) マウス位置のテキストをコンテンツとする div を作成します 作成した div をドキュメントに追加します プロンプトレイヤーの位置を設定します 2 マウスをタイトルの外に移動します div を削除 3 タイトル内でマウスが移動した場合 div エフェクトを追加するのと同じ 3.JQuery 実装コードコードをコピー コードは次のとおりです: < ;!DOCTYPE html> body { font-size: 12px; } a { text-decoration:none; } a:hover { color:#CC0000; 🎜># main { margin:100px auto; width:350px; border:solid #aaa 1px; 背景色:#aaa; } <br>$(function(){ <br>$("tr:even").addClass("tr_color "); <br>$("#tb a").mouseover(function(e){ <br>var toolTip = "<div id='tooltip' width='100px' height='12px' style='位置:絶対 ;border:solid #aaa 1px;background-color:#F9F9F9'>" $(this).html() "</div>"; <br>$("body").append(toolTip ); <br>$("#tooltip").css({ <br>"top" :e.pageY "px", <br>"left" :e.pageX "px" <br>}); 🎜>$ ("#tb a").mouseout(function(){ <br>$("#tooltip").remove(); <br>}); Mousemove(function (e){ <br>$("#tooltip").css({ <br>"top" :(e.pageY 5) "px", <br>"left" :(e.pageX 2 ); "px " <br>}); <br>//alert("Y:" e.pageY "X:" e.pageX); ; <br> マウスフォロー ハッピー中秋節 11 ;/td> ハッピー中秋節 12 ; a ハッピー中秋節 21 ハッピー中秋節 22 秋祭り 31ハッピー中秋祭り 32 ハッピー中秋節 41 ハッピー中秋節 42 ハッピー中秋節 51 ハッピー中秋節 52 ハッピー中秋節 61 ;ハッピー中秋節 62
