本当にシンプルなものを作ろうとしています。しかし、なぜそれが機能しないのかわかりませんか?これは私がしようとしているものです: 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');
});
});