源代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
<script type="text/javascript">
function over(){
var btn = document.getElementsByTagName('button')[0];
var flt = document.getElementsByTagName('span')[0];
var x = btn.offsetLeft +45 + 'px';
var y = btn.offsetTop -10 + 'px';
flt.style.top = y;
flt.style.left = x;
flt.style.display = 'block'
}
function out(){
var flt = document.getElementsByTagName('span')[0];
flt.style.display = 'none';
}
</script>
</head>
<body>
<button id="btn" style="position: absolute;" οnmοuseοut="out()" οnmοuseοver="over()">Click</button>
<span style="display: none;position: absolute;"> +1</span>
</body>
</html>
</html>
效果展示: