javascript - 将鼠标悬停在不同位置的另一个 div 上时更改一个 div 的内容

Question

请帮忙，当鼠标悬停在另一个 div 中的图像上时，我试图更改一个 div 中的内容。我正在尝试使用这个:-

$(document).ready(function(){

// icons
$('#iconone img').mouseover(function(){
    $('#stop').css('display', 'inline-block');

});
$('#iconone img').mouseout(function(){
    $('#stop').css('display', 'inline-block');
});

// box 2
$('#icontwo img').mouseover(function(){
    $('#stop').css('display', 'none');
    $('#shop').css('display', 'inline-block');
});
$('#icontwo img').mouseout(function(){
    $('#stop').css('display', 'none');
    $('#shop').css('display', 'inline-block');
});

// box 3
$('#iconthree img').mouseover(function(){
    $('#stop').css('display', 'none');
    $('#shop').css('display', 'none');
    $('#select').css('display', 'inline-block');
});
$('#iconthree img').mouseout(function(){
   $('#stop').css('display', 'none');
    $('#shop').css('display', 'none');
    $('#select').css('display', 'inline-block');
});
});
</script>

如果有人可以帮助我，我将不胜感激!谢谢大家:D

Answer 1

您可能只想使用 hover ？ http://api.jquery.com/hover/

例子: http://jsbin.com/kodiy/1/

var div1, div2;

div1 = $('.div1');

div2 = $('.div2');

div1.hover(function() {
  div2.hide();
}, function() {
  div2.show();
});