鼠标经过，提示框

html元素如下：

  
  

	
   
   搜索
	
   
   

  
  
注意：其中设置提示框的定位方式为absolute，绝对定位的元素的偏移位置以最近的定位(包括相对定位和绝对定位)祖先元素作参照物。如果没有已定位的祖先元素，那么它的参照物为最顶级元素（由于浏览器的默认参照物不同，可能是BODY或HTML元素）。
其中css代码如下：

其中js代码如下：
<script type="text/javascript">
	window.onload = function(){
		var searchImg = document.gegetElementById("searchImg");
		//鼠标经过，显示提示框
		searchImg.onmouseover = function(){
			document.getElementById("searchLable").style.display="block";
		};
		//鼠标移出，隐藏提示框
		searchImg.onmouseout = function(){
			document.getElementById("searchLable").style.display="none";
		};
		//单击鼠标，执行搜索
		searchImg.onclick = function(){
			//......
		};
	};
</script>