Question

在我找到满足我需求的解决方案后，这是我的第一篇文章我不擅长javascript和jquery，我知道我的答案是：）

我需要的是一个简单的功能，当将鼠标悬停在菜单中的div元素上时，以不同的角度旋转li“box3”。

例如，将第一个li孩子悬停在div“box3”45度，第二个li孩子将“box3”旋转90度，依此类推。

使用纯css时，只有元素具有相同的父级才能正常工作。

Answer 1

我在这里举个例子。

我所做的就是使用正确的名称类调用函数rotate。

function rotate(degrees){
    var t = document.getElementById("box2");
    t.className = degrees;

}

在HTML中

<li onmouseover="rotate('box60');"><a href="#">sub2</a></li>