使用accordian将某些事件的样式应用于html的每个元素

Question

我需要做一些类似下面的事情。

我有几个带有相同id 'accordian‘的div。

现在，div的onmouseover背景应该更改为#000000。并将该div的鼠标输出背景设置为#FFFFFF。

我正在使用mootools1.2。

下面是我用过的代码，但它不能工作。

<script type="text/javascript" language="javascript">
window.addEvent('domready', function() {

    var accordian_divs = $$('#accordion');

    accordian_divs.addEvents({
                'mouseover':function(){
                    $(accordian_divs).setStyle('background-color', '#000000');
                },
                'mouseout':function(){
                    $(accordian_divs).setStyle('background-color', '#FFFFFF');
                }
            })  

});



</script>

谁能建议一下代码出了什么问题吗？

谢谢

阿维纳什

Answer 1

erm -由于css解决方案不能在ie6/7的div上工作，这里是如何在mootools中实现的：

将类accordion添加到div，删除id，因为它需要是唯一的。

使用以下命令：

window.addEvent('domready', function() {
    $$('div.accordion').addEvents({
        mouseenter: function() {
            this.setStyle('background-color', '#000000');
        },
        mouseleave: function() {
            this.setStyle('background-color', '#FFFFFF');
        }
    });
});

Answer 2

除非你真的需要使用javascript，否则你可以用CSS实现同样的效果：

#accordion{background-color:#FFF}
#accordion:hover{background-color:#000}