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

它在 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');

但是,如果您只想更改 bg 颜色 - 调用正确的 css: d.setStyle('background-color','red');background 规则是所有背景 css 类型的全局规则 [color url position repeat etc..]

于 2013-03-29T11:00:07.640 回答