Object MOOJEKT更改

我正在寻找一个解决方案，从父对象更改CSS

我有这个：

<div class="layout">
   <div class="over"></div>
</div>
<div class="layout">
   <div class="over"></div>
</div>
<div class="layout">
   <div class="over"></div>
</div>
<div class="layout">
   <div class="over"></div>
</div>
<div class="layout">
   <div class="over"></div>
</div>

在我的网站上有6个这样的对象。 因此，我想要的是在DIV

over

上使用

mousenter

事件 我想更改父级“布局”的背景色，而不是每个布局

---

如果我也能使用

morph（）

，那就太好了。

要获得父元素，可以使用getParent函数。如果您希望将其绑定到其他内容，可以将函数更改为

function（e）

，然后使用

e.target

如果动画正在运行，则取消该动画的原因是为了消除将鼠标移动快一点时的一些丑陋。您可以尝试删除它

$$('.over')
.addEvent('mouseenter', function(){
    var parent = this.getParent();
    var tween = parent.get('tween');
    if (tween && tween.isRunning()){
        tween.cancel();
    }
    parent.setStyle('background-color', '#f00');
})
.addEvent('mouseleave', function(){
    this.getParent().tween('background-color', '#fff');
});

下面是一个工作示例：