<div class="codetitle"><span><a style="CURSOR: pointer" data="79993" class="copybut" id="copybut79993" onclick="doCopy('code79993')"><u>コードをコピーします</u></a></span></div> <div class="codebody" id="code79993"> <br><html> <br><head> 🎜><meta charset="utf-8"/> <br><script type="text/javascript" src="script/jquery-1.4.2.min.js"></script> <br> <script> <br>/*テキストプロンプト*/ <br>/* <br> (1) マウスが移動すると、コンテンツがタイトル属性の値である div を作成します <br> (2) ) 位置を指定し、CSS スタイルを設定します <br> (3) マウスが外側に移動したら、div を削除します <br> (4) マウスが移動すると、それに応じて X 軸と Y 軸の座標が変更されるはずです <br>*/ <br>$(function(){ <br>var x = 7; <br>var y = 8; <br>$("a.tip").hover(function(){ <br>var title = this .title; <br>var $div = $("<div id='newTip'>" title "</div>"); <br>$div.css({" 位置":"絶対","背景":"ピンク"}); <br>},function(){ <br>$("#newTip").remove() ; <br>}).mousemove(function (e){ <br>var $div = $("#newTip").css({"left":(e.pageX x) 'px',"top": (e.pageY) 'px'} ); <br>}) <br></head> ;a href="#" class=" ヒント" title="これは私のヒントです"</a> <br></html> 🎜></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
