<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>
解决方案 »
- 在jquery tabs中,我想点击“链接二”进入第二个选项卡,点击“链接三”进入第三个选项卡,怎么实现?
- 求一段代码,先谢谢了!
- js如何获取动态tr里的数据
- 大家在JS中的大括号是怎么写的?
- 求一个联动2级菜单
- 如果在xmlhttp返回的结果中再执行ajax
- 二个层,如何动态改变这二个层里所选文字的样式!??
- 求一本ExtJS的入门书籍
- 怎样屏蔽掉IE“查看”中的“源文件”选项呀或使它不可用!
- 求助各位大神,使用jQuery在b.html页面中加载a.html的内容,为什么我写的代码无法现在,在IE和火狐中都无法显示出来,求帮忙解决下
- 这句怎么写?在线等
- 终于熬出一个星来了,散分散分!!!
用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里内容超长的即时提示
可耻!!!!!!!!!!