鼠标经过，提示框

1. html元素如下：  
2. <</span>div style="POSITION: relative">  
3.     <</span>span id="searchLable">搜索</</span>span>  
4.     <</span>img style="CURSOR: pointer" id="searchImg" alt="" src="search.jpg">  
5. </</span>div>  
6. 注意：其中设置提示框的定位方式为absolute，绝对定位的元素的偏移位置以最近的定位(包括相对定位和绝对定位)祖先元素作参照物。如果没有已定位的祖先元素，那么它的参照物为最顶级元素（由于浏览器的默认参照物不同，可能是BODY或HTML元素）。  
7. 其中css代码如下：  
8. <</span>style type="text/css">   
9.     #searchLable {  
10.     position: absolute;   
11.     top: -15px;   
12.     white-space: nowrap;   
13.     background: #FBF7EA;   
14.     border: solid 1px #FFB400;  
15. }  
16.  </</span>style>  
17. 其中js代码如下：  
18. <</span>script type="text/javascript">  
19.     window.onload = function(){  
20.         var searchImg = document.gegetElementById("searchImg");  
21.         //鼠标经过，显示提示框  
22.         searchImg.onmouseover = function(){  
23.             document.getElementByIdx_x("searchLable").style.display="block";  
24.         };  
25.         //鼠标移出，隐藏提示框  
26.         searchImg.onmouseout = function(){  
27.             document.getElementByIdx_x("searchLable").style.display="none";  
28.         };  
29.         //单击鼠标，执行搜索  
30.         searchImg.onclick = function(){  
31.             //......  
32.         };  
33.     };  
34. </</span>script>