【注】本內容解決了:1.在HTML中怎樣為控制項添加tip提示(JavaScript實現)
2.怎樣實現JavaScript中參數傳遞
3.怎樣解決setTimeout("hanshu()",1000)不能執行帶參函數問題
<script language="javascript">
var tip,msg,px,py;
function showTip(strTip)
{
tip=document.createElement("DIV");
tip.setAttribute("id","myTip");
tip.style.cssText="position:absolute;width:200px;height:50px;left:"+px+"px;top:"+py+"px;border:1px solid
#FC3;background:#FFC;padding:3px;z-index:100";
msg=strTip;//這裡是你需要的顯示的資訊
tip.innerHTML=msg;
document.body.appendChild(tip);
}
function hideTip()
{
tip=document.getElementById("myTip");
if(tip)document.body.removeChild(tip);
}
var timeoutHandle;
function onMouseOver(strTip)
{
px=event.x;
py=event.y;
hideTip();
clearTimeout(timeoutHandle);
var s=function(){showTip(strTip);};
timeoutHandle = setTimeout(s, 500); //因為setTimeout中函數不能帶參數,故將帶參函數賦予變數s
}
function onMouseOut()
{
clearTimeout(timeoutHandle);
hideTip();
}
function onMouseMove(strTip)
{
px=event.x;
py=event.y;
hideTip();
clearTimeout(timeoutHandle);
var s=function(){showTip(strTip);};
timeoutHandle = setTimeout(s, 500);
}
</script>
<img src="1.gif" width="200" height="200" onmousemove="onMouseMove('圖片名稱:1.gif <br> 圖片大小:200*200')"/>