Ich erweiterte die jQuery
Effekte genannt slideRightShow()
und slideLeftHide()
mit ein paar Funktionen , dass die Arbeit ähnlich slideUp()
und slideDown()
wie unten zu sehen. Allerdings würde Ich mag auch implementieren slideLeftShow()
und slideRightHide()
.
Ich weiß, dass es umfangreiche Bibliotheken gibt, die diese Art von Dingen anbieten (ich möchte vermeiden, einen weiteren großen Satz von javascript
Dateien hinzuzufügen ), aber kann jemand ein einfaches Beispiel für die Implementierung von entweder slideLeftShow()
oder geben slideRightHide()
?
jQuery.fn.extend({
slideRightShow: function() {
return this.each(function() {
jQuery(this).animate({width: 'show'});
});
},
slideLeftHide: function() {
return this.each(function() {
jQuery(this).animate({width: 'hide'});
});
},
slideRightHide: function() {
return this.each(function() {
???
});
},
slideLeftShow: function() {
return this.each(function() {
???
});
}
});
Die obige slideRightShow
Funktion zeigt das Bild von der linken Seite an und geht zur rechten Seite. Ich suche nach einer Möglichkeit, dasselbe zu tun, aber beginne von der rechten Seite und gehe nach links . Vielen Dank!
BEARBEITEN
jQuery Interface hat so etwas wie das, was ich brauche (ich brauche im Grunde die Funktionen "rechts einschieben" und "links herausschieben"), aber ich konnte dies nicht mit jQuery 1.3 zum Laufen bringen : http://interface.eyecon.ro/demos /ifx.html . Außerdem scheint ihre Demo kaputt zu sein, da sie nur einmal eine Folie erstellt, bevor eine Million Fehler ausgegeben werden.
Antworten:
Diese Funktion ist Teil von jquery ui http://docs.jquery.com/UI/Effects/Slide. Wenn Sie sie mit Ihren eigenen Namen erweitern möchten, können Sie sie verwenden.
Sie benötigen die folgenden Referenzen
quelle
Vergessen Sie nicht die Polsterung und die Ränder ...
Mit den hinzugefügten Geschwindigkeits- / Rückrufargumenten ist dies ein vollständiger Ersatz für
slideUp()
undslideDown()
.quelle
Sie können durch das Hinzufügen dieser Zeile auf eigene Skriptdatei neue Funktion , um Ihre jQuery - Bibliothek hinzufügen , und Sie können leicht verwenden
fadeSlideRight()
undfadeSlideLeft()
.Hinweis: Sie können die Breite der Animation ändern, wenn Sie eine Instanz von 750px mögen.
quelle
... = function(opacity, speed, width, fn) {...}
Und wenn Sie die Geschwindigkeit variieren und Rückrufe einschließen möchten, fügen Sie sie einfach folgendermaßen hinzu:
quelle