这里会涉及两个动作，一个是鼠标经过文字，然后出现div，二是鼠标离开文字，然后div消失
显示文字的部分应该这么写:<span onmouseover="aa(event)" onmouseout="bb(event)">hello,my dear</span>
并设置隐藏层如下：
<div id="div" style="display:none">我是div</div>
然后js部分对应上面鼠标事件的两个方法这么写：
function aa(event){
var a=document.getElementById("div");
a.style.display="block"; //div初始状态是不可见的，设置可为可见
//window.event代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状.
//clientX是鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。
a.style.left=event.clientX+15; //鼠标目前在X轴上的位置，加10是为了向右边移动10个px方便看到内容
a.style.top=parseInt(event.y)+5+document.body.scrollTop;
a.style.position="absolute"; //必须指定这个属性，否则div1层无法跟着鼠标动
}
function bb(event){
var b=document.getElementById("div");
if(b.style.display=="block"){//如果显示的，则隐藏
b.style.display=="none";
}
}