天天看點

滑鼠指向輸入框時的提示效果

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>榧???????杈??ユ??剁????绀烘???? - Flywe ?? Blog</title>

<script language="JavaScript">

function seashowtip(tips,flag,iwidth){

var my_tips=document.all.mytips;

if(flag){

????my_tips.innerHTML=tips;

????my_tips.style.display="";

????my_tips.style.width=iwidth;

????my_tips.style.left=event.clientX+10+document.body.scrollLeft;

????my_tips.style.top=event.clientY+10+document.body.scrollTop;

?? }

else

??{

?? my_tips.style.display="none";

?? }

}

</script>

<style>

body{font-size:12px}

</style>

<div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>

</head>

<body>

<form name="form1" method="post" action="">

???ㄦ?峰??锛?

??<input type="text" name="textfield"??tips="*** 杈??ョ?ㄦ?峰??." 慰nm慰usem慰ve=seashowtip(this.tips,1,150) 慰nm慰use慰ut=seashowtip(this.tips,0,150)>

??

??瀵?????锛?

??<input type="text" name="textfield2"??tips="*** 杈??ュ????." 慰nm慰usem慰ve=seashowtip(this.tips,1,150) 慰nm慰use慰ut=seashowtip(this.tips,0,150)>

??

??楠?璇???锛?

??<input type="text" name="textfield3"??tips="*** 杈??ラ??璇???." 慰nm慰usem慰ve=seashowtip(this.tips,1,150) 慰nm慰use慰ut=seashowtip(this.tips,0,150)>

??<input type="submit" name="Submit" value="??浜?>

</form>

</body>

</html>

繼續閱讀