Tag: jquery-animate
Bezieht sich auf die jQuery-animate () – Methode. Für generische grafische Animationen finden Sie in der animation-tag.
jquery animieren mit percenteges
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()*
jquery animate scrolltop Rückruf
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
Wie startet man jQuery-Animationen nur nach dem anderen ist völlig
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
jQuery snippet-swap-zwei Sätze von Elementen mit animation
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
jquery fade in und out ein Hintergrundbild im div - cross fade
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.
HTML5-Video als web-Seite hintergrund, fade-in
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
Animieren Sie die Höhe von Unten nach Oben Statt von Oben nach Unten
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
Wie die Anzeige von Bildbereichen mit Hilfe von jquery?
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:
Spin ein Div mit jQuery
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>
Link Animierte Hover-Unterstreichung
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
jquery toggle animieren
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
jQuery animieren von unten nach oben
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
In jQuery können Sie fadeOut (), ohne das element s real estate? (unsichtbare vs display: none)
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
Wie kann ich JQuery verwenden, um wählen Sie eine ganze <li> tag und machen es zu einem link?
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
jQuery popup-box animation
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
wie Folie, div rechts, während Sie auf klicken Sie auf eine Schaltfläche mit jquery oder javascript?
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)
JQuery Animieren Höhe bis zu 100%
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
Animieren müssen Sie ein Bild, um Weg von der cursor-Position auf jedem mouseover?
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
AngularJs animieren, hintergrund-Farbe / Farbe
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
jQuery animate(), erweitern Sie div
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:
Jquery Animierte Zurück nach Oben
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
jQuery verschieben div Links auf klicken und dann rechts auf klicken
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
jQuery animate({left:"+=10"}) funktioniert nicht
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
jQuery animate() zeigen die Prozent der Animations-Fortschritt
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 |
Jquery Fenster horizontal scrollen animieren, mit rechts-nach-Links-Richtung
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
Abbrechen/Beenden eines callback-Funktion die Ausführung in jQuery/Javascript
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
jQuery Animieren - Gelten 2 verschiedene animation-Attribute, um das gleiche element mit 2 verschiedenen Timern
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.
Problem mit ruckartigen Animationen in jQuery
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
jQuery: das Animieren der Deckkraft im IE
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,
Wie kann ich eine Funktion warten, bis eine animation abgeschlossen ist?
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,
jQuery: Animate div aus-position fixiert, die auf einem anderen DIV
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
SCRIPT87: Invalid argument
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] + "";
Jquery - Entfernen() after hide()
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.
jquery animate: ändern Sie das element Deckkraft eins nach dem anderen
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
Die Verwendung von jQuery für neu -, um-und animieren Sie die Elemente der Liste?
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
Laufen andere Funktion auf einen Klick wieder
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
Uncaught TypeError: Cannot use 'in' - operator die Suche nach 'scrollLeft' in undefined
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
Wie implementiert man eine jQuery slide/bounce-animation?
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
Wie scroll-div, kontinuierlich auf mousedown-Ereignis?
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,
CSS3 animation, zu übersetzen, zu positionieren
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%
Fehler beim ausführen der 'animate' auf 'Element': Teilweise keyframes werden nicht unterstützt
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
So erstellen Sie eine gleitende animation auf die Menü-hover mit jQuery?
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
jQuery - Animation 'linke' position des absolut positionierten div -, als Schiebe-panel offenbart
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
jQuery .animate() für einfachen horizontalen Schieberegler nicht funktioniert wie vorgesehen
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
jQuery: Animate Ränder auf Auto?
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
onClick auf den Grund gehen-Seite mit jQuery .animieren
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.
HTML5/CSS3 - wie man "endlos" drehen background - 360 Grad panorama
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 -
JQuery Animieren marginTop
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
Sticky "back to top" - button zeigt beim laden der Seite, bevor Sie nach unten scrollen
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
jQuery toggle open/close div ' s
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