需要帮助一个简单的JavaScript函数

Question

这是我的第一篇文章后，我已经找到了我的需求的解决方案，没有结果 我不擅长的JavaScript和jQuery，我知道我的答案是:)

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

我需要的是一个简单的函数来旋转div“BOX3”在不同角度时，悬停在菜单中li元素。

例如悬停第一个li孩子旋转div“box3”45度和第二个li孩子旋转“box3”90度等。

纯CSS只有在元素具有相同的父元素时才工作。

Answer 1

我在这里举个例子。

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

我要做的就是调用fuunction适当的名称类旋转。

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

} 

在HTML

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