0

ボタン付きのパネルを処理する (パネルの内容を切り替える) MooTools スクリプトがあります。

スクリプトは次のとおりです - すべてのボタンが対応するパネルを表示するように設定し、それ自体の背景を変更します:

buttons.addEvent('mouseenter', function(button){
        var panel = 'panel-' + this.get("id");
        $$('.panel').setStyle('display','none');
        $(panel).setStyle('display','block');
        buttons.setStyle('background',null);
        this.setStyle('background','#183c7c');
    });

IE (8 および 9 で試行) の場合、スクリプトの最後の行が機能しません。ボタン自体の背景は変更されません。Firefox と Chrome では問題なく動作します。

4

1 に答える 1

1

It is working for me under IE9: http://jsfiddle.net/EWUeP/

html:

<div id="divy"></div>

css:

div{
    width:300px;
    height: 300px;
    background-color: #eee000;
}

js:

var d = document.id('divy');
d.setStyle('background','#183c7c');

But nevertheless if you want only to change bg color - call the correct css: d.setStyle('background-color','red'); background rule is the global rule for all background css types [color url position repeat etc..]

于 2013-03-29T11:00:07.640 に答える