Mootools Fx Schiebeoptionen

Elemente - (Element) Das zu verschiebende Element. Optionen - (Objekt optional) Alle Fx-Optionen zusätzlich zu Modus und Wrapper. Mode - (string defaults to 39vertical39) Zeichenfolge, um anzugeben, welche Art von Schieben. Kann auf 39vertical39 oder 39horizontal39 eingestellt werden. Wrapper - (Element defaults to this. element) Ermöglicht das Festlegen eines anderen Elements als Wrapper. HideOverflow - (boolean default to true) setzt den Überlauf des Wrappers automatisch auf Overflow, sonst erbt er von dem Element, das umbrochen wird. ResetHeight - (boolesche Standardwerte auf false) Setzt automatisch die Höhe des Wrappers zurück, wenn die Dia-Entfaltungsanimation abgeschlossen ist, wobei erlaubt wird, den Inhalt zu manipulieren, der es natürlich anpasst. Eigenschaften open - (boolean) Gibt an, ob das Schiebeelement sichtbar ist. Um den Dia-Effekt zu erzeugen, wird ein zusätzliches Element (das standardmäßig ein quotdivququot) um das gegebene Element gewickelt. Dieser Wrapper passt den Rand aus dem Element an. It39s Überlauf ist auf versteckt und es hat eine feste Höhe. Schiebt das Element horizontal oder vertikal. MooTools - Fx. Slide Fx. Slides ist eine Option, mit der Sie den Inhalt anzeigen können, indem Sie in die Ansicht schieben. Es ist sehr einfach, aber verbessert das Aussehen Ihrer Benutzeroberfläche. Lassen Sie uns über das Erstellen und Initialisieren eines Fx. Slide, seiner Optionen und Methoden diskutieren. Zuerst initialisieren wir die Klasse Fx. Slide mit einer benutzerdefinierten Instanz. Dazu müssen wir ein HTML-Element erstellen und auswählen. Danach werden wir CSS auf diese Elemente anwenden. Schließlich werden wir eine neue Instanz von Fx. Slide mit unserer Elementvariablen initiieren. Fx. Slide-Optionen Es gibt nur zwei Fx. Slide-Optionen-Modus und Wrapper. Modus gibt Ihnen zwei Möglichkeiten, vertikal oder horizontal. Vertikal zeigt sich von oben nach unten und horizontal zeigt von links nach rechts. Es gibt keine Optionen zu gehen von unten nach oben oder von rechts nach links, tho Ich verstehe, dass Hacking der Klasse selbst, dies zu erreichen relativ einfach ist. Meiner Meinung nach, seine eine Option würde ich gerne sehen, Standard, und wenn jemand gehackt hat die Klasse, um diese Optionen zu ermöglichen, schreiben Sie uns eine Nachricht. Standardmäßig wirft Fx. Slide einen Wrapper um Ihr Dia-Element, so dass es Überlauf: ausgeblendet. Mit Wrapper können Sie ein anderes Element als Wrapper festlegen. Wie ich schon sagte, ich bin nicht klar, wo dies in handliches kommen würde und wäre daran interessiert, alle Gedanken (danke horseweapon bei mooforum. net für helfen mir klar, dies zu hören). Fx. Slide Methoden Fx. Slide bietet auch viele Methoden zum Anzeigen und Ausblenden Ihres Elements. Wie der Name schon andeutet, wird diese Methode das Startereignis auslösen und Ihr Element sichtbar machen. SlideOut () Gibt das Element wieder in den ausgeblendeten Zustand zurück. Dies schaltet entweder das Element ein oder aus, abhängig von seinem aktuellen Zustand. Sehr nützliche Methode, um Click-Events hinzuzufügen. Dadurch wird das Element ohne einen Gleiteffekt ausgeblendet. Dies zeigt das Element ohne Slide-Effekt. Fx. Slide Shortcuts Die Fx. Slide-Klasse bietet auch einige praktische Shortcuts für das Hinzufügen von Effekten zu einem Element. Set (slide) Anstatt eine neue Klasse zu initiieren, können Sie eine neue Instanz erstellen, wenn Sie die Folie auf ein Element setzen. Einstellungsoptionen Sie können auch Optionen mit der Shortcut-Option einstellen. Sobald die Folie. set () ist, können Sie sie mit der. slide () - Methode auslösen..slide akzeptiert minus jeweils die obigen Methoden. Lassen Sie uns ein Beispiel nehmen, das über Fx. Slide erklärt. Werfen Sie einen Blick in den folgenden Code. Klicken Sie auf die Schaltflächen openA, closeA, openB und closeB. Beachten Sie die Änderungen, die Auswirkungen und die Ereignisbenachrichtigung auf den Indikatoren.