如何让鼠标移到select中option上时产生事件？

Posted 2023-04-13

参考技术A \\x0d\\x0a 1\\x0d\\x0a 2\\x0d\\x0a 3\\x0d\\x0a 4\\x0d\\x0a 5\\x0d\\x0a 6\\x0d\\x0a\\x0d\\x0a当我鼠标移上select中的一个option时能不能获取当前option的值呢？那个onchange我知道，我想用onmouseove事件是不是可以做到？\\x0d\\x0a如果不行，有哪个大大能告诉我怎么重写个select啊，从而能达到上述效果呢？\\x0d\\x0a我想了很长时间都没想出来，希望有哪个大大解决下，那个希望在html上做。\\x0d\\x0a问题补充：qinglangee 写道 \\x0d\\x0a \\x0d\\x0a \\x0d\\x0a \\x0d\\x0a \\x0d\\x0a \\x0d\\x0a \\x0d\\x0aSomething Here \\x0d\\x0a\\x0d\\x0a \\x0d\\x0aOne \\x0d\\x0aTwo \\x0d\\x0aThree \\x0d\\x0aFour \\x0d\\x0a \\x0d\\x0a \\x0d\\x0a \\x0d\\x0a\\x0d\\x0a

qinglangee 写道以下代码只在firefox chrome等浏览器中有效
因为ie6中没有onmouseover事件,所以用jquery绑定事件也是一样

所以还是用div来模仿select显示比较好
\\x0d\\x0a \\x0d\\x0a \\x0d\\x0a \\x0d\\x0a\\x0d\\x0a \\x0d\\x0a\\x0d\\x0a \\x0d\\x0a\\x0d\\x0aSomething Here \\x0d\\x0a\\x0d\\x0a \\x0d\\x0aOne \\x0d\\x0aTwo \\x0d\\x0aThree \\x0d\\x0aFour \\x0d\\x0a \\x0d\\x0a\\x0d\\x0a \\x0d\\x0a \\x0d\\x0a

鼠标移到图片上时，图片“友好”的渐进效果

.box  img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
}