javascript - 需要一个简单的 javascript 函数的帮助

Question

这是我在为我的需求寻找解决方案但没有结果之后的第一篇文章我不擅长 javascript 和 jquery，我知道我的答案就在那里:)

这是代码 http://jsfiddle.net/6ncQR/51/

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

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

使用纯 css 只有当元素具有相同的父级时它才有效。

Answer 1

我在这里做一个例子。

http://jsbin.com/ayakol/1/edit

我所做的是用正确的名称类调用函数旋转。

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

}

在 HTML 中

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