当鼠标移动到下拉列表时显示列表内容 有些时候因为下拉列表框宽度受限,所以当选择下拉列表内容时无法看见整个内容,但现在看到一些网站在选择下拉列表内容后,出现了当鼠标移动到下拉列表时,显示选择了的下拉列表的内容,有点像text中title属性的用法,但在下拉列表中好像没有titile属性,不知道这个效果是怎么实现的呀?还请各位大侠指点。 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 这是个简单的例子,也可以用div来实现.<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title></title><script type="text/javascript">var popwin = window.createPopup();popwin.document.write("<html><head></head><body style='margin:0;overflow:hidden;' ></body></html>");function sover(){ var s = event.srcElement; popwin.document.body.innerHTML = s.options[s.selectedIndex].text; popwin.show(20, 15, 100, 85, s);}function sout(){ popwin.hide();}</script></head><body><form><select id=se onmouseover="sover()" onmouseout="sout()"> <option value="1">11</option> <option value="2">22</option> <option value="3">33</option></select></form></body></html> 这样做就没有边框了。<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title></title><script type="text/javascript">var popwin = window.createPopup();//popwin.document.write("<html><head></head><body style='margin:0;overflow:hidden;' ></body></html>");function sover(){ var s = event.srcElement; popwin.document.body.innerHTML = s.options[s.selectedIndex].text; popwin.show(20, 15, 100, 85, s);}function sout(){ popwin.hide();}</script></head><body><form><select id=se onmouseover="sover()" onmouseout="sout()"> <option value="1">11</option> <option value="2">22</option> <option value="3">33</option></select></form></body></html> JSP模板引擎 两段js代码冲突怎么改? Ext在IE8中“对象不支持此属性或方法的问题” div菜单 JavaScript开发环境怎样搭建? 急!!跳转问题,如果是错误信息就不提交到对应的页面! 关于window.open弹出窗口后,主窗口定位问题。 想要改变层一个图片的SRC属性要怎么设? [求助]赋值问题 如何实现使用鼠标将事件拖到日历中,在日历的某一天上的释放鼠标,获取事件所在日历的日期,精确到天。关于拖动事件的过程已经能够实现,关键是如何获取日期 如何巧用Javascrip代码限制文本字节数? 一个很怪异的JS脚本调用OCX控件问题~~~~有请高手上门~~~~~~!!!
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script type="text/javascript">
var popwin = window.createPopup();
popwin.document.write("<html><head></head><body style='margin:0;overflow:hidden;' ></body></html>");
function sover()
{
var s = event.srcElement;
popwin.document.body.innerHTML = s.options[s.selectedIndex].text;
popwin.show(20, 15, 100, 85, s);
}
function sout()
{
popwin.hide();
}
</script></head>
<body>
<form>
<select id=se onmouseover="sover()" onmouseout="sout()">
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
</select>
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script type="text/javascript">
var popwin = window.createPopup();
//popwin.document.write("<html><head></head><body style='margin:0;overflow:hidden;' ></body></html>");
function sover()
{
var s = event.srcElement;
popwin.document.body.innerHTML = s.options[s.selectedIndex].text;
popwin.show(20, 15, 100, 85, s);
}
function sout()
{
popwin.hide();
}
</script></head>
<body>
<form>
<select id=se onmouseover="sover()" onmouseout="sout()">
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
</select>
</form>
</body>
</html>