Ceci est mon site: http://keironlowe.x10hosting.com/Javascript ou jQuery aider
Je dois savoir comment faire la ligne rouge se lentement plus en planant au-dessus, et rétrécir lentement à la taille normale après en utilisant javascript ou jQuery.
Quelqu'un pourrait-il me montrer quelque chose pour commencer dans la bonne direction?
Vous pouvez utiliser jQuery de animate faire quelque chose à un élément, qui comprend un paramètre de durée qui définit combien de temps il devrait prendre pour l'animation pour terminer. Ensuite, il y a la fonction hover qui prend un ensemble de fonctions. Donc, c'est l'idée générale:
$('div', '#nav_container').hover(function() {
// this gets called on hover
$(this).animate({width: 'XXXpx'}, 10000); // 10000 = 10 seconds
}, function() {
// this gets called on mouseout
$(this).animate({width: 'XXXpx'}, 10000); // 10000 = 10 seconds
});
EDIT:
En ce qui concerne votre commentaire, si le code est dans le <HEAD>, vous avez besoin d'envelopper le code dans document.ready:
$(document).ready(function() {
// put the code you tried here
});
Quelque chose comme ceci:
$('#nav_container div').hover(
function(){$(this).find('img').animate({width:'100%'},{queue:false,duration:500});},
function(){$(this).find('img').animate({width:'auto'},{queue:false,duration:500});}
);
Je ne peux pas sembler obtenir ce travail. Ive a obtenu
–
Um, enlevez que
au début –
Son fonctionnement mais j'ai eu des problèmes. Je veux augmenter la taille quand je le survole, et quand je retire mon curseur, il revient à la taille normale Mais le code le fait augmenter puis revenir à la normale en stationnaire. Cela ne fonctionne également qu'une seule fois. Je dois rafraîchir pour que cela fonctionne à nouveau –