Jqueryはタイトルと内容を表示しマウスで移動するレイヤーを作成します Movement_jquery

コードをコピーします コードは次のとおりです:

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