javascript - 呈现页面后附加onmouseover吗？

你好，
当第一次呈现页面时，我的div元素如下所示：

<div onmousedown="this.className='showhideExtra_down_click';"
   onmouseout="this.className='showhideExtra_down';"
   onmouseover="this.className='showhideExtra_down_hover';"
   class="showhideExtra_down" id="extraFilterDropDownButton">&nbsp;</div>

然后我用javascript手动更新onmouse属性，如下所示：

<div onmousedown="this.className='showhideExtra_down_click';"
   onmouseout="this.className='showhideExtra_down';"
   onmouseover="this.className='showhideExtra_down_hover';"
   class="showhideExtra_down" id="extraFilterDropDownButton">&nbsp;</div>

它们看起来一样，最大的区别是第一个在悬停时会改变类，第二个不会？在呈现页面后是否无法设置此项？
请注意：我需要IE6的兼容性，这就是为什么我使用onmouse而不是CSS hover
问候
编辑：这是我发现的，而且很有效，我还没有在IE6中测试过它：

$("#extraFilterButton").hover(function() {
                $(this).attr('class','showhideExtra_down_hover');
            },
            function() {
                $(this).attr('class','showhideExtra_down');
            });

最佳答案

您可以使用：

$('#selector').live('mouseover',function(){//something todo when mouse over})

live（）允许动态更改
（对于“mouseout”也可以这样做）