le mouvement continu de l'animation avec jquery

mouvement continu

Je voudrais recréer le camion moments dans le site ci-dessus , Il est fait en mootools. Comment aurais-je du présent code, est-il un plugin jQuery pour faire ça?

Afin d'animer un objet à partir de début à la fin de l'écran et puis il recommence. Comment faire jQuery

Toute aide sera appréciée

OriginalL'auteur nokiko | 2011-01-27

  1. 16

    Voici un JSFiddle échantillon http://www.jsfiddle.net/XpAjZ/

    Plus sur jQuery animate: http://api.jquery.com/animate/

    Démonstration montre 2 boîtes d'animation à travers l'écran à différentes vitesses etc. (Voir violon)

    Pertinentes jQuery Code: 

    var animateMe = function(targetElement, speed){

    $(targetElement).css({left:'-200px'});
    $(targetElement).animate(
        {
        'left': $(document).width() + 200
        },
        {
        duration: speed,
        complete: function(){
            animateMe(this, speed);
            }
        }
    );

};
animateMe($('#object1'), 5000);
animateMe($('#object2'), 3000);
    grâce peu gêné c'était aussi simple que ça 🙂
    Salut comment pourrais-je aller sur l'ajout d'un stop/start sur le vol stationnaire, j'ai donc planer sur elle, il arrête de bouger, je mouseout de nouveau et il continue, je vois le stop (), mais ne pas voir une start() ou continuer
    voici un supplémentaire de démonstration (c'est exactement la même chose d'autres que de vérification pour la position (dans le cas où nous voulons animer) et la liaison de certains "conteneur" hover: jsfiddle.net/XpAjZ/1 Désolé, je ne pouvais pas répondre plus tôt, a été appelé loin.
    salut merci mais je menat passez la souris sur les objets pour les animer, mais si j'ai passez la souris sur l'un d'eux que l'on s'arrête, j'ai été à jouer avec celui-là mais je n'obtiens pas le bon résultat
    eh bien, j'ai réussi à faire ce que je veux, mais je suis sûr que cela peut être fait de manière plus simple/plus propre que le jsfiddle.net/nokiko/btC59/30

    OriginalL'auteur Jason Benson

  2. 2

    Voici un exemple de code suivant.

    C'est relativement simple avec jQuery en utilisant le position:absolute propriété CSS et le .animation()[DOCS] la méthode de rappel. Vous sera essentiellement de l'animation de la left propriété CSS sur une période de temps à l'intérieur d'un nom de fonction, puis appeler cette fonction dans l'animation de rappel lorsque l'animation est terminée, comme suit:

    var animateTruck = function () {

    $('#truck').css('left','-50px')
               .animate({'left':$(window).width()},
                        4000,
                        'linear',
                        function(){
                            animateTruck();
                        });
};

animateTruck();
    grâce peu gêné c'était aussi simple que ça 🙂

    OriginalL'auteur mVChr

  3. 0

    Si vous avez un div avec une image à l'intérieur, comme ceci:

    <div style="width: 1000px">
<img src="truck.png" id="truck" style="margin-left: -100px" />
</div>

    Voici un jQuery exemple pour glisser la photo sur le div/écran:

    function moveTruck(){
    $('#truck').animate(
        {'margin-left': '1000px'}, 
        3000, //Animation-duration
        function(){
            $('#truck').css('margin-left','-100px');
            moveTruck();
        });
    }

moveTruck();

    Espère que fonctionne...

    OriginalL'auteur Christian

  4. 0

    Comment pourriez-vous faire cela, mais le contenu de la boîte lentement aller et venir sur toute la largeur de l'écran (non pas à travers l'écran et de repartir de l'autre côté)?

    Je sais que vous avez fait de cette question une réponse parce que vous n'avez pas la réputation encore à poster des commentaires, mais seulement si vous savez pour l'avenir, c'est mieux servi un commentaire sur une question qu'une réponse, puisqu'il ne répond pas à la question. Bienvenue sur le site!
    Désolé, oui je suis nouveau ici. J'ai juste cliqué sur le bouton Ajouter un Commentaire et n'a pas réalisé que c'était une réponse. Mais, en fait, j'ai une question à propos de la dernière réponse.

    OriginalL'auteur John