將某些事件的樣式應用於html的每個元素，並帶有id accordian

我需要執行下面的操作。將某些事件的樣式應用於html的每個元素，並帶有id accordian

我有相同的ID'手風琴'div的數量。

現在onmouseover div的背景應該改爲＃000000。並將該div的mouseout背景設置爲#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>

任何人都可以請建議什麼是錯的代碼。

感謝

阿維納什

來源

2009-12-31 Avinash

ID必須在文檔中是唯一的。更好地使用類來分組多個元素。 – Gumbo 2009-12-31 12:37:04

是的，將元素更改/添加class =「accordion」，然後將選擇器修改爲$$（「div.accordion」）。 – 2009-12-31 15:27:32

呃 - 因爲CSS的解決方案不會工作在div在ie6/7，這裏是如何做到這一點在mootools：

添加類的手風琴的div，刪除id，因爲它需要是唯一的。

使用本：

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

來源

2009-12-31 15:37:42

除非你真的需要使用JavaScript來，你就可以實現與CSS相同的結果：

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

來源

2009-12-31 12:46:11 Mic

是它完成。我已經瘋了，並與mootolls1.2做所有事情:-) 謝謝 – Avinash 2009-12-31 12:50:15

恩，僞類：懸停在IE6/7的非錨點元素？使用mootools和睡覺安全的知識，它可以在所有瀏覽器中工作。 – 2009-12-31 15:25:38

將某些事件的樣式應用於html的每個元素，並帶有id accordian

回答

相關問題