Jquery achieves the effect of website hyperlinks and image prompts

Hyperlink prompt effect:
Copy codeThe Code is as follows:
<Script type = "text/javascript">
// <! [CDATA [
$ (Function (){
Var x = 10;
Var y = 20;
$ ("A. tooltip"). mouseover (function (e ){
This. myTitle = this. title;
This. title = "";
Var tooltip = "<div id = 'tooltip '>" + this. myTitle + "<\/div>"; // create a div Element
$ ("Body"). append (tooltip); // append it to the document
$ ("# Tooltip ")
. Css ({
"Top": (e. pageY + y) + "px ",
"Left": (e. pageX + x) + "px"
}). Show ("fast"); // sets the x and y coordinates and displays
}). Mouseout (function (){
This. title = this. myTitle;
$ ("# Tooltip"). remove (); // remove
}). Mousemove (function (e ){
$ ("# Tooltip ")
. Css ({
"Top": (e. pageY + y) + "px ",
"Left": (e. pageX + x) + "px"
});
});
})
//]>
</Script>

Image tip:
Copy codeThe Code is as follows:
<Script type = "text/javascript">
// <! [CDATA [
$ (Function (){
Var x = 10;
Var y = 20;
$ ("A. tooltip"). mouseover (function (e ){
This. myTitle = this. title;
This. title = "";
Var imgTitle = this. myTitle? "<Br/>" + this. myTitle :"";
Var tooltip = "<div id = 'tooltip '> $ ("Body"). append (tooltip); // append it to the document
$ ("# Tooltip ")
. Css ({
"Top": (e. pageY + y) + "px ",
"Left": (e. pageX + x) + "px"
}). Show ("fast"); // sets the x and y coordinates and displays
}). Mouseout (function (){
This. title = this. myTitle;
$ ("# Tooltip"). remove (); // remove
}). Mousemove (function (e ){
$ ("# Tooltip ")
. Css ({
"Top": (e. pageY + y) + "px ",
"Left": (e. pageX + x) + "px"
});
});
})
//]>
</Script>