die kontinuierliche Bewegung der animation mit jquery

die kontinuierliche Bewegung

Möchte ich wieder den LKW Momente in der oben genannten Website , Es ist getan in mootools. Wie sollte ich das code, ist es ein jQuery-plugin, um dies zu tun?

So animieren Sie ein Objekt von Anfang bis Ende des Bildschirm und dann startet es immer wieder. Wie kann ich dies tun jQuery

Jede Hilfe wird e geschätzt

InformationsquelleAutor nokiko | 2011-01-27

  1. 16

    Hier ein JSFiddle-Beispiel http://www.jsfiddle.net/XpAjZ/

    Mehr auf jQuery animieren: http://api.jquery.com/animate/

    Demonstration zeigt 2 Boxen animiert über den Bildschirm mit verschiedenen Geschwindigkeiten etc. (Siehe Geige)

    Entsprechenden 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);
    Dank bisschen peinlich, es war so einfach 🙂
    Hi, wie würde ich mich über die Zugabe einer stop - /start-on-hover, also ich bewege die Maus über es bewegt sich nicht ich mouseout wieder und es geht weiter, ich sehe die stop () - aber nicht sehen, eine start () - oder weiter
    hier ist eine weitere demo auf, (es ist genau das gleiche über die Prüfung für position (für den Fall das wir animieren wollen) und verbindlichen einige "container" zu schweben: jsfiddle.net/XpAjZ/1 Sorry, ich konnte nicht Antworten früher genannt wurde entfernt.
    hi vielen Dank, aber ich menit bewegen Sie die Maus über die Objekte so animieren, aber wenn ich den Mauszeiger über einen davon, dass man aufhört, ich Spiele mit, aber ich nicht die richtigen Ergebnisse noch
    auch konnte ich tun, was ich will, aber ich bin mir sicher, dass es getan werden kann, einfacher/sauberer als jsfiddle.net/nokiko/btC59/30

    InformationsquelleAutor Jason Benson

  2. 2

    Hier ist ein Beispiel, den folgenden code.

    Dies ist relativ einfach mit jQuery mit der position:absolute CSS-Eigenschaft und die .animation()[DOCS] - Methode callback. Sie werden hauptsächlich zu animieren, die left CSS-Eigenschaft über einen bestimmten Zeitraum innerhalb einer benannten Funktion rufen Sie dann diese Funktion in der animation callback, wenn die animation abgeschlossen ist, etwa so:

    var animateTruck = function () {

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

animateTruck();
    Dank bisschen peinlich, es war so einfach 🙂

    InformationsquelleAutor mVChr

  3. 0

    Wenn Sie ein div mit einem Bild im inneren, wie diese:

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

    Hier ist ein jQuery-Beispiel, schieben Sie das Bild über den div/Schirm:

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

moveTruck();

    Hoffe, dass klappt...

    InformationsquelleAutor Christian

  4. 0

    Wie könnten Sie dies tun, haben Sie noch das content-Feld, bewegen Sie langsam hin und her über die Breite des Bildschirms (geht nicht durch den Bildschirm und starten wieder auf der anderen Seite)?

    Ich weiß, Ihr habt diese Antwort, weil Sie nicht den Ruf, noch Kommentare zu schreiben, aber nur, damit Sie wissen für die Zukunft, das ist besser gedient, als einen Kommentar auf eine Frage als eine Antwort, da es nicht die Frage beantworten. Willkommen auf der Website!
    Sorry, ja, ich bin neu hier. Ich Klick die Kommentar Hinzufügen-Schaltfläche, und hat nicht erkannt, dass es eine Antwort gab. Doch, tatsächlich, ich habe eine Frage zu der letzten Antwort.

    InformationsquelleAutor John

Schreibe einen Kommentar