"Technology" tip floating layer follows mouse movement

：

<br/><br/><br/>
<a class= "Preview" > put the mouse here 1</a>
<br/><br/><br/>
<a class= "Preview" > put the mouse here 2</a>
<br/><br/><br/>
<a class= "Preview" > put the mouse here 3</a>
<br/><br/><br/>
<a class= "Preview" > put the mouse here 4</a>
<br/><br/><br/>
<a class= "Preview" > put the mouse here 5</a>

#preview {
border:1px solid #cccccc;
Background: #9900CC; color: #fff;
padding:5px;
Display:none;
Position:absolute;
}

This.imagepreview = function () {
/* CONFIG */
Xoffset = 10;
Yoffset = 30;
You can set the offset value yourself
/* END CONFIG */
$ ("A.preview"). Hover (function (e) {
$ ("Body"). Append ("<div id= ' preview ' >jquery for simple text hints </div>");
$ ("#preview")
. CSS ("Top", (E.pagey-xoffset) + "px")
. CSS ("Left", (E.pagex + yoffset) + "px")
. FadeIn ("slow");
},
function () {
$ ("#preview"). FadeOut ("fast");
});
$ ("A.preview"). MouseMove (function (e) {
$ ("#preview")
. CSS ("Top", (E.pagey-xoffset) + "px")
. CSS ("Left", (E.pagex + yoffset) + "px");
});
};
Page finishes loading execution
$ (document). Ready (function () {
Imagepreview ();
});

"Technology" tip floating layer follows mouse movement