jquery メニューは、マウスオーバーでアニメートし、マウスアウトで折りたたむようにプログラムされています。ただし、これは、ユーザーがボックスの 1 つの端に到達すると、マウスがメニュー全体の上にあると見なされなくなるため、ユーザーがアイテムの上にカーソルを置いている間は問題になります。どの画像にもパディング/マージンまたは境界線はありません。2 x 3 の正方形のグリッドなので、すべてがうまく収まります。これは、各リスト要素に関連する jquery コードです。
$("li.menu3").mouseover(関数(){
$("ul.inactive3").stop().animate({幅: "500px", 高さ: "150px"}, "高速", 関数(){ $("ul.inactive3").stop(). animate({width: "500px", height: "300px"}, "速い");
});
});
$("li.menu3").mouseout(関数(){
$("ul.inactive3").stop().animate({幅: "500px", 高さ: "150px"}, "高速", 関数(){ $("ul.inactive3").stop(). animate({width: "0px", height: "0px"}, "fast");
});
単純に 1 つの画像を使用してその上に複数の画像マップを配置することでこれを克服しようとしましたが、これにより、chrome でマウスオーバーが機能しないという新しい問題が発生しました。
どんな助けでも大歓迎です.,
ありがとう、マイク