2010-12-07 41 views
0

Le menu jquery est programmé pour s'animer au passage de la souris et se réduire au passage du curseur. Cependant, ceci est un problème lorsque l'utilisateur survole les éléments, car lorsque l'utilisateur atteint le bord de l'une des boîtes, il ne compte plus comme ayant la souris sur tout le menu. Il n'y a pas de marge/marge ou bordure sur l'une des images. Il s'agit d'une grille de carrés de 2 x 3, donc tout va bien ensemble. Voici le code jquery qui se rapporte à chaque élément de la liste. ...Le menu jquery s'anime lorsque survolé, mais s'effondre lorsque vous voyagez entre les éléments ... help

$ ("li.menu3") mouseover (function() {

$ ("ul.inactive3") stop() animent ({width: "500px", hauteur: "150px" }, "rapide", fonction() { $ ("ul.inactive3"). stop(). animate ({largeur: "500px", hauteur: "300px"}, "rapide");

})

}); ...

$ ("li.menu3") mouseout (function() {

$ ("ul.inactive3") stop() animent ({width: "500px", hauteur: "150px" }, "fast", function() { $ ("ul.inactive3"). stop(). animate ({largeur: "0px", hauteur: "0px"}, "rapide");

}).

J'ai essayé de surmonter cela en utilisant simplement une image et en plaçant plusieurs cartes d'image sur le dessus, mais cela a présenté de nouveaux problèmes de la mouseover ne fonctionne pas en chrome

Toute aide serait grandement appréciée.,

Merci, Mike

Répondre