2

ホバーすると拡大し、マウスアウトすると小さなサイズに縮小するdivがあります。唯一の問題は、画像や<p>などのdivの内部要素にカーソルを合わせるとマウスアウトがトリガーされることです。

ここにフィドルの例

これは私のjqueryコードです：

$(".riser").mouseover(function(){ 
 $(this).animate({height:400}, 100);
});  

$(".riser").mouseout(function(){ 
 $(this).animate({height:150}, 100);
});

divをマウスアウトしたときにのみ、divを小さくしたいのですが、内側の要素にカーソルを合わせたときに何も実行したくありません。

4

1 に答える 1

2

に変更mouseoutしますmouseleave（そして、mouseoverに変更しmouseenterますが、それは問題ではありません）。

http://jsfiddle.net/FCxYW/2/

于 2013-01-28T02:37:39.060 に答える