Tag: jquery-animate
Bezieht sich auf die jQuery-animate () – Methode. Für generische grafische Animationen finden Sie in der animation-tag.
1
Antworten
Gibt es eine Möglichkeit, ich kann animieren, ein div mit Prozentzahlen mit jquery? Ich habe versucht diese: $('.box1').animate({width:($(".wrapper").width()*.100)},"fast");}) $('.box1').animate({width:'100%'},"fast");}) $('.box1').animate({width:100%;}) keines der oben genannten Arbeit... irgendwelche Ideen? UPDATE var p_e_h= 1.0; var p_e_w= 1.0; $('.box1').animate({width:($(".wrapper").width()* p_e_w)},"fast"); $('.box1').animate({height:($(".wrapper").height()*
3
Antworten
Ich habe die folgende jquery, das scrollt die Seite nach oben, dann führt eine callback-Funktion. Das problem ist, dass selbst wenn die Seite bereits an der Spitze, es wartet noch auf die '1000', die verstreichen, bevor der
1
Antworten
Ich habe ein paar Situationen, wo ich zu animieren ein element, sagen, entweder verschieben Sie es nach Links, oder verblassen in, aber nur, nachdem eine erste animation ist zu 100% abgeschlossen. So wie, sagen wir ich habe
4
Antworten
gibt es einige jQuery-code zu tauschen, 2 sets von Elementen mit animation? fand ich nur Liste bewegen Element oben ungeordnete Liste mit jQuery , aber es ist zu beschränkt (nur slide-element an der Spitze und nicht der
1
Antworten
Haben versucht, einen hintergrund, div automatische drehen durch eine Reihe von Bildern. Die fades werden blinken-und nicht überqueren. Gedanken sind die jquery verwenden, um die swap-Bild via css und fade den neuen. Eine schöne Frequenzweiche wäre schön.
1
Antworten
Momentan habe ich eine Schleife, wie meine web-Seite hintergrund und Frage mich, ob die video-Schleife fade in und auch nicht wiederholen Sie den fade-in aber nur spielen die Schleife? Die Schleife ist der komplette hintergrund mit einem
3
Antworten
Wie kann ich erreichen, Höhe animation Umgekehrt? Statt der typischen animation von oben beginnend und arbeiten Ihren Weg nach unten, wie kann ich es starten Sie die animation von der Unterseite des Elements und arbeiten Sie Ihren
4
Antworten
Ich bin mit jquery und ich versuche, Anzeige ein Teil ein Bild, sagen wir ein Quadrat in der Mitte, dann mit animieren, roll out, der rest von ihm. Ich bin am überlegen sowas mit divs mit overflow:
3
Antworten
Ich will im Stande sein, zu Spinnen, ein Div mit jQuery. Ich habe die Wirkung mit reinem CSS - hier finden Sie http://jsfiddle.net/9twvF/ <div class="clientcontainer"> <div class="clientcard hl"> <div class="front face">Front Panel</div> <div class="back face center">Back Panel</div>
1
Antworten
Ich bin versucht zu haben, eine Unterstreichung animieren, auf den link schweben. Ich fand dieses Beispiel: Unterstreichen css3 transition Und es klappt Prima in Safari. Etwas über die Art und Weise habe ich den code implementiert ist
2
Antworten
Habe ich diese situation: $("#button").toggle(function(){ $("#window").animate({top:'0%'},1000); },function(){ $("#window").animate({top:'-100%'},1000); }); aber ich muss es ändern, um die Arbeit mit .click Ereignis, wie diesem: $("#button").click(function(){ wenn #window position ist top:'0%' animieren zu top:'-100%' wenn #window position ist top:-100%' animieren
2
Antworten
gibt es eine Möglichkeit Sie zu animieren ein element der Höhe(sagen wir mal div) von unten nach oben? Zum Beispiel, sagen wir, ich habe ein div-element mit einer Höhe von 15px. <div class='greyBox'> <p>Example text</p> </div> Und
4
Antworten
Da muss ich fadeIn() ein anderes element der gleichen Größe zurück zu kommen, gibt es eine Möglichkeit, fadeOut() auf das element, so dass der Platz gehalten wird, so dass die anderen Elemente sind nicht neu-floss für ein
3
Antworten
Ich versuche zu schaffen, eine news-Liste Zusammenfassung Abschnitt mit <ul> und möchte das ganze <li> anklickbar. Ich möchte zum ersten link findet er in der <li> wie die URL an, damit es erreichbar bleibt, wenn JavaScript nicht
2
Antworten
Ich bin interessiert am schreiben meiner eigenen leichten popup-box für meine eigenen websites. Ich mag die Art, wie die soundcloud popup-box animation (klicken Sie auf Anmelden oben Links zu sehen) aber was ich sagen kann, es ist
3
Antworten
möchte ich Rutsche ein div, wenn Benutzer klicken Sie auf den support-button von rechts nach Links.ich habe versucht den folgenden code ein.. aber es funktioniert nicht richtig für mich... <script type="text/javascript"> $(document).ready(function () { $('[id$=aSupport]').live('click', function (e)
1
Antworten
Möchte ich so animieren Sie ein Menü (DIV) aus der Höhe von 0% bis 100% und Umgekehrt. Die ausblenden Menü code funktioniert. Jedoch, die Menü "anzeigen" code einfach blendet das element mit einer Höhe von 100%. Ich
1
Antworten
Ich versuche zu animieren, ein Bild von einem Feld zu ändern, die position auf mouseover. Kann ich es verschieben, aber einmal muss ich es so einrichten, dass es bewegt sich jedesmal, wenn jemand die Maus über das
1
Antworten
Habe ich versucht, Dynamisch zu Animieren, hintergrund zwischen 2 Farben auf klicken Sie auf Verwendung von AngularJs-Direktiven und-Controller (bisher ohne Erfolg). Weiß jemand, wie dies zu tun? Ich habe versucht, Sie zum speichern der currCol (gespeichert als
2
Antworten
HTML: <div id="box0"><img src="http://s14.postimg.org/9x1nrefy5/A_Sunday_on_La_Grande_Jatte.png" id="pic0"></div> <div id="box1"><img src="http://s14.postimg.org/hbqzjs1tp/starry_night.png" id="pic1"></div> <div id="box2"><img src=http://s14.postimg.org/x7ftn2se5/mona_lisa.png" id="pic2"></div> <div id="box3"><img src="http://s14.postimg.org/k4k73t265/the_scream.png" id="pic3"></div> CSS: * { padding: 0px; margin: 0px; z-index: 0; } img { position: relative; } div { position: absolute; overflow:
3
Antworten
Ich versuche momentan um eine Schaltfläche, die der Benutzer zurück an den Anfang der Seite, sondern animierte. Dass die Seite scrollen Sie wieder nach oben, wenn die Schaltfläche geklickt wird. Ich habe eine Suche hier und finden
2
Antworten
Ich habe einen div, der sitzt direkt an der rechten Seite von meinem Bildschirm (-190px). Wenn ich auf ein anderes div (genannt Kaffee) ich möchte die offscreen-div angezeigt werden, dann, wenn ich auf die Kaffee-div wieder, ich
2
Antworten
<script type="text/javascript" src="./Scripts/jquery-1.5.1.min.js"></script> <script type='text/javascript' > $(document).ready(function () { $("#start").animate({ left: "+=10px" }, 1000) .animate({ left: "-5000px" }, 1000); }); </script> <p id="start">this is some text that i am going to animate </p> Ich bin Abstich mein
2
Antworten
Mit, dass Sie folgenden Abschnitt: http://jsfiddle.net/sylouuu/V7a3Y/2/ Ich möchte zeigen den % - Fortschritt in #log der animation von 0% bis 100%, 100% ist einfach mit dem Rückruf... Ist es möglich, das zu tun? Hinsichtlich InformationsquelleAutor Syl |
1
Antworten
Ich arbeite an einem Projekt, dass horizontales scrollen mit jquery animierte und es funktioniert derzeit sehr gut. Mein problem ist, wenn die Webseite übersetzt für rechts-nach-Links-Sprachen, die horizontale Bildlaufleiste bewegen muss, von rechts nach Links. $('body').animate({scrollRight:200},150); Der
3
Antworten
Ich habe eine animation, die spielen nach einem timeout. Diese animation wiederholt sich immer auf verschiedene Elemente, nachdem es abgeschlossen ist. Ich bin unter Verwendung der animate Methode callback-Funktion zu initiieren, die nächste animation. Meine extrahierten code
1
Antworten
Die jQuery-unten funktioniert Super, aber ich würde gerne die Deckkraft letzten 2000 und die marginLeft 4000. Ich habe versucht zu tun, animieren Sie zweimal auf das element, aber man wird nicht gestartet, bis das andere abgeschlossen wurde.
4
Antworten
Ive getan diese eine Anzahl von Zeiten mit keine problem, aber für einige Grund es ist ein problem auf Hier. Das rutschen beginnt zu arbeiten (1/3) normal und als alle plötzlich ein Ruck und beenden Sie die
3
Antworten
Mit einem div mit einem festen schwarzen Farbe zu verblassen, ein Bild darunter. In Chrome und Firefox funktioniert das Prima, aber im IE ist er rückwärts. $("div#bgcover").animate( {opacity:.70}, 2500); Dieser beginnt bei 0% Deckkraft und soll animieren,
5
Antworten
Habe ich verwendet JQuery für eine kleine animation arbeiten: eine Tabelle #photos enthält 9 Fotos, und ich möchte, um zu erhöhen die Breite und die Höhe mithilfe der animate Funktion bei mouseover. Aber während die animation läuft,
3
Antworten
Für einige Grund der DIV möchte ich animierte Animation von oben nach unten... ich will ihn animieren, von wo es BIS zum Ende Ziel. DIV ab, als position: fixed an der Unterseite der Seite. Dies ist, was
2
Antworten
Habe ich eine jquery-Funktion, die funktioniert in allen browser, aber nicht im ie7 und ie9 in compatibily mode. Das problem ist in dieser Funktion: $('.non-attivo').live('click',function(){ clearInterval(start_slide); n_btn = ""; for(var i=1;i<$(this).attr('id').length; i++) n_btn += $(this).attr('id')[i] + "";
2
Antworten
Ich habe ein div, das möchte ich entfernen, indem Sie die remove(). Ich will zeigen, eine animation, bevor/während das entfernen der div. Ich habe nur in der Lage gewesen zu zeigen, die animation beim ausblenden der div.
3
Antworten
Keine Idee, wie animieren Sie die Deckkraft jedes element einzeln bis zu 16 Ziele/Elemente nur? Dies wird sich ändern Sie die Deckkraft der Elemente alle zusammen, $('.block-item').animate({ opacity:0 },500); Haben Sie einen Blick hier. Aber ich möchte
3
Antworten
So, ich habe eine Liste von Elementen, die so etwas wie: <ul id="listHolder"> <li id="l1">List item 1</li> <li id="l2">List item 2</li> <li id="l3">List item 3</li> etc. Ein ajax-Aufruf ausgelöst wird periodisch, und vielleicht brauche ich, um die
4
Antworten
Habe ich diesen code jQuery('.button').click(function() { jQuery('.div1').animate({width: 'toggle'}); jQuery('.div2').animate({width: '100%'}); }); Funktioniert gut für einmal. Aber ich will zurück zu bringen div2 auf Klick wieder. wechseln würde gearbeitet haben, aber das problem ist, ich will nicht zu
1
Antworten
Entsprechend der jQuery-API-Dokumentation und einige Beispiele finden Sie hier, scrollLeft ist ein gültiges argument für animate(). Aber ich bekomme immer diese Fehler Uncaught TypeError: Cannot use 'in' operator to search for 'scrollLeft' in undefined. $('#prev a, #next
3
Antworten
Grundsätzlich würde ich gerne ein DIV-Folie aus und machen Sie einen leichten bounce-wo es geht vorbei, es ist die endgültige Größe und kehrt dann zurück. Nicht sicher, wie Sie es erklären, so sehen Sie bitte meinen Versuch
2
Antworten
Ich habe zwei divs und zwei Schaltflächen: <div id="container"> <div id="items"></div> </div> <div id="up"></div> <div id="down"></div> Wie man ständig scrollen '#items', bis der Benutzer lässt die Taste Los? Ich habe versucht, mit jquery mousedown-Ereignis und die animate-Funktion,
3
Antworten
Ich habe ein div, dass ich auf, um Sie zu ziehen. Sobald es auf einen Bereich, animiert, seine position über: $("#wheel1").animate({left: "200px", top: "100px"}); Kann ich die auch bekommen es zu animieren mit: @-webkit-keyframes wheel1 { 0%
3
Antworten
Ich versuche, um eine animation einem div mit jquery : $('#footer').animate({ "width" : "13%" },1000); es funktioniert, aber es wird ein Fehler angezeigt in der console wie: "Fehler beim ausführen von 'animate' auf 'Element': Teilweise keyframes werden
2
Antworten
Ich habe gesehen, dass dies auf viele websites, aber ich bin mir nicht sicher, ob ich in der Lage, es zu erklären. Manchmal gibt es Schiebe-Elemente in der navigation, wie Pfeil unter Menü-Elemente verschiebbar ist, wenn Benutzer
2
Antworten
Habe ich eine versteckte panel aus der linken Seite des Bildschirms, die die Dias in den Blick, auf die auf einem 'tab' positioniert sich auf der linken Seite des Bildschirms. Ich brauche das panel gleiten über die
2
Antworten
Habe ich versucht, dies zu ändern jQuery slider Lösung: https://stackoverflow.com/a/9864636/908491 (mit der ersten Lösung - http://jsfiddle.net/sg3s/rs2QK/). Hier mein jsFiddle: http://jsfiddle.net/markrummel/KSHSX/. DIV-Schiebe-in funktioniert gut, aber die rutschte springt Weg, anstatt zu gleiten reibungslos mit der gleichen Geschwindigkeit wie
3
Antworten
Ich versuche zu animieren, ein Bild so, dass es zentriert sich. Hier der code, den ich verwenden möchte: $('#myImage').animate({'margin-right': 'auto'}); Aber wenn ich das mache, es wird ignoriert und ändert nichts an der Marge. Gibt es eine
1
Antworten
Ich habe eine Tabelle, wo die Letzte Spalte enthält die action-buttons öffnet sich ein weiterer Abschnitt unter der Tabelle. Wenn dieser Abschnitt geöffnet, wird der Körper-Seite bleiben, wenn Sie die Taste aus der Spalte "Aktion" gedrückt wurde.
6
Antworten
ich habe ein JPG Bild mit der 360-Grad-Aussicht auf die Stadt (9000px von 1000px). Ich muss eine Seite erstellen mit endlos rotierenden hintergrund - Benutzer geben einen Eindruck von rotierenden Webkamera, zum Beispiel. Den ersten Teil -
1
Antworten
Ich versuche aus JQuery für die erste Zeit. Ich beschlossen, erstellen Sie ein animiertes Menü und ich habe ein problem mit marginTop (und paddingTop). Ich bin versuchen, um eine "wave" - Effekt für meine Menü-Elemente, wenn die
3
Antworten
Ich folgte ein tutorial um ein " sticky "back to top" - button, der erscheinen würde, sobald Sie nach unten scrollen. Für einige Grund, es ist die Anzeige, wenn Sie an der Spitze der Seite, nachdem die
5
Antworten
Momentan habe ich ein Menü mit 3 links, die öffnet versteckte div ' s relevant, um sich selbst und nutzen das jquery-code (siehe unten), aber würde es gerne, dass wenn ein div ist bereits geöffnet, wenn eine