<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ShowMe(tips,flag,iwidth){
var my_tips=document.all.mytips;
if(flag){ my_tips.innerHTML=document.getElementsByTagName(tips).item(0).value;
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";
}
}
function NoneDisplay(){var my_tips=document.all.mytips;
my_tips.style.display= "none";
}
//-->
</script>
<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>
<table name="table1" class="33232">
<tr>
<td >
<select name="select" onmouseover="ShowMe('select',1,100)" style="width:80" onmouseout="NoneDisplay()">
<option value="1111111111111111111111">1111111111111111111111</option>
<option value="2222222222222222222222">2222222222222222222222</option>
<option value="3333333333333333333334">3333333333333333333334</option>
<option value="4444444444444444444444">4444444444444444444444</option>
</select>
</td>
</tr>
</table>
</body>
</html>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ShowMe(tips,flag,iwidth){
var my_tips=document.all.mytips;
if(flag){ my_tips.innerHTML=document.getElementsByTagName(tips).item(0).value;
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";
}
}
function NoneDisplay(){var my_tips=document.all.mytips;
my_tips.style.display= "none";
}
//-->
</script>
<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>
<table name="table1" class="33232">
<tr>
<td >
<select name="select" onmouseover="ShowMe('select',1,100)" style="width:80" onmouseout="NoneDisplay()">
<option value="1111111111111111111111">1111111111111111111111</option>
<option value="2222222222222222222222">2222222222222222222222</option>
<option value="3333333333333333333334">3333333333333333333334</option>
<option value="4444444444444444444444">4444444444444444444444</option>
</select>
</td>
</tr>
</table>
</body>
</html>
用title 就可以了 <select name="select" onmouseover="ShowMe('select',1,100)" style="width:80" onmouseout="NoneDisplay()">
<option value="1111111111111111111111" title="1111111111111111111111" >1111111111111111111111</option>
<option value="2222222222222222222222" value="2222222222222222222222"> 2222222222222222222222</option> </select>
这种我已经会了!
我要的是鼠标指向哪个option,就在那个option直接有个option里的test的提示啊!
有哪位高手能帮我啊!
急啊!
我要的不是这种效果啊!
郁闷啊!
OPTION里内容超长的即时提示
可耻!!!!!!!!!!