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

将鼠标悬停在其他div上时旋转图像

1 个答案: