<div class="codetitle"> <span><a style="CURSOR: pointer" data="83706" class="copybut" id="copybut83706" onclick="doCopy('code83706')"><u>コードをコピーします</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code83706"> <br><script src="Core/Public/js/ jquery.js " type="text/javascript"></script> //Jquery の紹介 <br><style type="text/css"> //作成した div のスタイルを書きます<br>#ツールチップ <br> { <br> 境界線: 1px #solid #333; <br> パディング: 1px; : なし; <br>} <br></style> <br><script type="text/javascript"> //JS コードを書きます<br>$(function () { <br>var x = 10; <br>var y = 10; <br>$("a.tooltip").mouseover(function (e) { //マウスポインタが要素から移動したとき <br>this.myTitle = this.title ; <br>this .title = ""; <br>var tooltip = "<div id='tooltip'>" this.myTitle "</div>"; append(tooltip); <br>$("#tooltip").css({ "top": (e.pageY y) "px", "left": (e.pageX x) "px" }).show ("fast") ; <br>}).mouseout(function () { //マウスポインタが要素から離れたとき <br>this.title = this.myTitle; <br>$("#tooltip") .remove(); <br>}).mousemove(function (e) { //マウスポインタが要素から移動したとき<br>$("#tooltip").css({ "top": (e.pageY) y) "px" , "left": (e.pageX x) "px" }); <br></script>//html コード<br><ul> ; <BR><li<a href="#" class="tooltip" title="スイート ルーズ セーター">1111111111111</a></li> li><a href="#" class="tooltip" title="Yessaahadesed">222222222222</a></li> <br></ul></div>