Question

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

我的div数量与id相同'accordian'。

现在onmouseover div的背景应改为＃000000。和该div的mouseout背景设置为#FFFFFF。

我正在使用mootools1.2。

下面是我使用的代码，但它不是workig。

<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

除非您确实需要使用javascript，否则您可以使用CSS获得相同的结果：

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

Answer 2

嗯 - 因为css解决方案不会在ie6 / 7中使用div，所以这里是如何在mootools中做到这一点：

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

使用它：

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

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

2 个答案: