Auf der Suche zu bauen, erweitern Sie auf schweben/Vertrag über die Unschärfe div
Hey alle, ich habe gegen meinen Kopf gegen die Suchmaschine Wände für ein paar Stunden jetzt und Figur könnte ich genauso gut Fragen...
Ich brauchen, um zu bauen ein div, dass ist eine Größe, die auf Unschärfe, sagen 300x30, erweitert auf 300x300 auf schweben und drückt alle Inhalte, die darunter nach unten und wird wieder auf die Größe 300x30, wenn die unscharfen ("nicht mehr hovered" oder wie auch immer man die Kinder nennen es jetzt-a-Tage, lol) wieder. Kann jemand mich auf einige Ressourcen, oder auch mir ein paar code-bits, um mit zu spielen? Es würde sehr geschätzt!
InformationsquelleAutor 86Stang | 2010-09-20
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Sie können Pseudo-Klassen in CSS, wenn Sie nicht möchten, dass eine animation.
Live-Beispiel
http://jsfiddle.net/aFUmS/
jQuery Beispiel, wenn Sie möchten, animation
http://jsfiddle.net/CvhkM/
Ja, es ist ziemlich praktisch. jsbin.com ist da draußen auch, aber ich bevorzuge jsfiddle.net
Frage? wie kommst du auf die div-stop mid-animation und re-erweitern wenn Sie Ihren roll-out dann wieder schnell? Wenn man es in der sandbox springt er wie ein yo-yo, für ein bisschen
InformationsquelleAutor Robert
Oder fügen Sie ein
.stop()
vor der.animate
und die animation Stoppt sofort nach dem entfernen der Zeiger.InformationsquelleAutor Asbjørn
Wenn Sie einen übergang hinzufügen, um Robert die Antwort, es ist CSS-only, und Sie erhalten die animation auch:
Fügen Sie diese an die div (nicht div:hover):
transition: height 0.5s ease-in;
Ich nur implementiert, das auf einer Website, und es funktioniert auch gut für mobile. Das div hat eine statische Höhe beim ein-und ausgeblendet, obwohl.
InformationsquelleAutor Ryan Lindsey