使用Javascript实现正确的悬停效果

我需要一些JavaScript方面的帮助。我正在创建一个小的显示菜单，它确实具有悬停效果。请检查现场小提琴。现在我希望当我在书上悬停时，这种悬停效应不应该发生。但是当我悬停其他元素时，悬停效果就会发生。我的意思是，如果我将鼠标悬停在书店或书籍上，将没有描述框，但当我将鼠标悬停在标题/作者/年份/价格上时，应该显示描述标签。所有这些都需要使用JavaScript而不是jQuery来完成

---

如果，您可以将

鼠标盖

放在

中：

    if (node.children.length == 0) {
        li.className = "leaf";
        li.onmouseover = showDescrip;
        li.onmouseout = hideDescrip;
        li.onmousemove = moveDescrip;            
    }

您是否尝试过不为book创建“Desc”类元素？看起来这一切都可以在纯CSS中实现，以防您不知道？
    if (node.children.length == 0) {
        li.className = "leaf";
        li.onmouseover = showDescrip;
        li.onmouseout = hideDescrip;
        li.onmousemove = moveDescrip;            
    }