select下拉菜單鼠標在上面移動時,裡面的選項會跟著鼠標反白顯示。
但是設置了size屬性的多行顯示select就沒有這個效果,必須要按下鼠標不放才有這個反白效果,
如何做到能和第一種(下拉式select)那樣只移動鼠標就有反白效果呢?
但是設置了size屬性的多行顯示select就沒有這個效果,必須要按下鼠標不放才有這個反白效果,
如何做到能和第一種(下拉式select)那樣只移動鼠標就有反白效果呢?
解决方案 »
- iframe和父页面直接怎么传值?
- 页面失效
- 如何在<script type="text/javascript" src="a.js"></script>中调用方法?
- 請高手指教 關於replace
- 请问如何比较后面的日期不能小于前面的日期呢?
- 快本命年了,发一棵经典的树祝大家新年快乐。
- 难题:刷新能不能没声音啊??
- printf("%.2f",i);这在javascript中如何处理想让i小数点2位输出
- 在带有form表单提交的页面中,refresh页面时老是弹出,"不重新发送信息,则无法刷新网页",请问怎样才能在不再发送信息的情况下,刷新页面呢?
- 怎么把这个变成,瀑布流?
- 如何用js实现 ;两个个表格拖拽复制的问题 就是鼠标拖住一个表格的一行到另一个表格 可以直接实现复制?
- <a/>超链接下载问题
想下面的代码?如果是这个效果,也是有提前的需要获得焦点。总之猜不透你的需求
<select id="a">
<option>测试1</option>
<option>测试2</option>
<option>测试3</option>
<option>测试4</option>
<option>测试5</option>
<option>测试6</option>
</select>
<select id="a" size="3">
<option>测试1</option>
<option>测试2</option>
<option>测试3</option>
<option>测试4</option>
<option>测试5</option>
<option>测试6</option>
</select>
<select id="a" size="3">
<option>测试1</option>
<option onmouseover="this.style.background='#000099';this.style.color='#ffffff;">测试2</option>
<option>测试3</option>
<option>测试4</option>
<option>测试5</option>
<option>测试6</option>
</select>
<html>
<head>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
init();
init1();
});
function init(){
var ops = $(".CCC");
$.each(ops, function(key, value){
$(value).mousemove(overover);
});
}
function overover(){
//this
var elem = $(this);
$(elem).css("background-color", "yellow");
}
function init1(){
var s = $("#Test");
$(s).mouseover(overover1);
}
function overover1(event){
//var elem = $(event.relatedTarget);
var elem = $(event.target);
//alert($(elem).html());
}
</script> </head>
<body>
<select id="Test" size="3">
<option class="CCC">23423423</option>
<option class="CCC">23423423</option>
<option class="CCC">23423423</option>
<option class="CCC">23423423</option>
<option class="CCC">23423423</option>
</select>
<select>
<option>23423423</option>
<option>23423423</option>
<option>23423423</option>
<option>23423423</option>
<option>23423423</option>
</select>
</body>
</html>
这是浏览器差异了, 在firefox下是有效果的. 而IE7(其余IE未试)无效. 进一步判断了以后, 发现IE7在鼠标滑过option时并为触发上面的事件监听(后来想通过relatedTarget也无法获取) - 即, 无法捕捉到鼠标划过的那个option.所以事件添加在IE7下是不会执行的如果非要做这种效果. 要我做的话, 我只能根据鼠标位置判断划过的那个option的index, 然后改变样式. 但是这样比较麻烦, 并不实用