/* tooltips */
function createFr(){
	if($("frDiv_cssrain"))return;
	var div=document.createElement("div");
	div.id="frDiv_cssrain";
	div.style.overflow="visible";
	div.style.position="absolute";
	div.style.visibility="hidden";
	div.style.borderWidth="1px";
	div.style.borderColor="#cccccc";
	div.style.zIndex=500;
	document.body.appendChild(div);
}
createFr();
function _hideToolTip(){
   $("frDiv_cssrain").style.visibility="hidden";
}
function hideToolTip(){
  setTimeout('_hideToolTip()',1000);
}

function showToolTip(event,msg){ 
        var event =event || window.event;
		var oFrDiv=$("frDiv_cssrain");
        oFrDiv.innerHTML = msg; 
        //oFrame.style.width = oBody.offsetWidth;
        oFrDiv.style.visibility="visible"; 
/*event.x与event.y问题
说明:IE下,even对象有x,y属性,但是没有pageX,pageY属性;
Firefox下,even对象有pageX,pageY属性,但是没有x,y属性. 
解决方法:
使用mX(mX = event.x ? event.x : event.pageX;)
来代替IE下的event.x或者Firefox下的event.pageX. 
*/
        oFrDiv.style.left =  ((event.x ? event.x : event.pageX)+1)+"px"; 
        oFrDiv.style.top =  ((event.y ? event.y : event.pageY)+1)+"px";  
}


//<img src="http://www.cssrain.cn/images/icons/4.gif" onmouseover="showToolTip(event,'<font style=font-size:14px;font-weight:bold;color:#000000>测试1</font><img src=http://www.cssrain.cn/demo/JQuery+API/logo-json.gif  border=0 align=absmiddle>');" alt="" onmouseout="hideToolTip();" />