javascript - 悬停在其他 div 上时旋转图像

Question

我正在尝试创建一些真正简单的东西。但我不知道为什么它不起作用？这就是我正在尝试的：http ://www.yannickluijten.be/test 当我将绿色、蓝色、灰色或黄色 div 悬停时，中间的图像必须旋转。这是代码：

$(document).ready(function() {     
$('#green').hover(function(){     
    $('#rotator').addClass('rotate_green');    
},     
function(){    
    $('#rotator').removeClass('rotate_green');     
});

$('#blue').hover(function(){     
    $('#rotator').addClass('rotate_blue');    
},     
function(){    
    $('#rotator').removeClass('rotate_blue');     
});

$('#gray').hover(function(){     
    $('#rotator').addClass('rotate_gray');    
},     
function(){    
    $('#rotator').removeClass('rotate_gray');     
});

$('#yellow').hover(function(){     
    $('#rotator').addClass('rotate_yellow');    
},     
function(){    
    $('#rotator').removeClass('rotate_yellow');     
});
});  

Answer 1

您忘记在代码中包含 jQuery.js。在 HEAD 部分添加这一行 http://code.jquery.com/jquery-1.9.1.js