<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="jquery-1.11.1.min.js"></script>
<style type="text/css">
#tooptip {
position: absolute;
border: 1px;
padding: 4px;
color: #333;
display:none;
}
</style>
<script type="text/javascript">
$(function() {
$("a,input").mouseover(function (e) {
this.mytitle = this.title;
this.title = "";
var x = 10;
var y = 20;
var div = " <a href='#' id='tooptip'>" + this.mytitle + "</a>";
$("body").append(div);
$("#tooptip").css({
"top": (e.pageY+y) + "px",
left: (e.pageX+x) + "px"
}).show("fast");
}).mouseout(function () {
this.title = this.mytitle;
$("#tooptip").remove();
});
});
</script>
</head>
<body>
<div>
<ul>
<li><a href="#" class="tooptip" title="这是绝对定位1">这是绝对定位1</a></li>
<li> <a href="#" class="tooptip" title="这是绝对定位2">这是绝对定位2</a></li>
<li> <a href="#" class="tooptip" title="这是绝对定位3">这是绝对定位3</a></li>
<li> <a href="#" class="tooptip" title="这是绝对定位4">这是绝对定位4</a></li>
<li> <a href="#" class="tooptip" title="这是绝对定位5">这是绝对定位5</a></li>
</ul>
<div style="height: 20px;">
<input type="text" title="这个是input"/>
</div>
<div style="height: 20px">
<input type="radio" title="这个是radio"/>
</div>
</div>
</body>
</html>