jQuery ermöglicht das horizontale und vertikale Scrollen von Bildern
Codeausschnitt:
var callbackIndex = 0;
$('.silder-box-1').mySilder({
width:400, //Die Breite des Containers ist ein erforderlicher Parameter!!!!!!
height:400, //Containerhöhe erforderlicher Parameter!!!!!!
auto:true,//Ob automatisch gescrollt werden soll
autoTime:5, // Beim automatischen Scrollen die Zeitspanne, das heißt, wie lange einmal gescrollt werden soll, Einheit (Sekunde)
Direction:'x',//Bildlaufrichtung, Standard-X-Richtung
autoType:'left', //Scrollrichtung, wirksam, wenn auto wahr ist
paar:1,//Ein paar auf einmal scrollen, standardmäßig 1 scrollen
showFew:2, //Einige anzeigen, CSS muss nicht angepasst werden, einer wird standardmäßig angezeigt
Clearance:50, //Die Lücke zwischen Containern, der Standardwert ist 0
silderMode:'linear' ,//Scrollmodus
timeGap:650, //Animationslücke, wie lange es dauert, eine Animation abzuschließen, der Standardwert ist 700 ms
buttonPre:'.silder-button.btl',//Previous, button
buttonNext:'.silder-button.btr',//Next, button
jz:true, //Ob beim Klicken auf den Abschluss der Animation gewartet werden soll
runEnd:function(){//Callback-Funktion
callbackIndex ;
$('.cj em').text(callbackIndex);
}
});
Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn
Verwandter Artikel
22 Oct 2024
Um Hover-Effekte auf Touch-fähigen Geräten zu reproduzieren, schlägt dieser Artikel eine Technik vor, die eine Kombination aus CSS und JavaScript verwendet. Es zeigt, wie man mit jQuery Hover-Effekte zu Elementen bei Touchstart- und Touchend-Ereignissen hinzufügt und wie man diese formatiert
13 Nov 2024
jQuery: Dynamisches Ändern von Text mit Mouseover-EreignissenBei der Interaktion mit Elementen auf einer Webseite kann das Hinzufügen subtiler Effekte den Benutzer verbessern...
15 Nov 2024
So erzielen Sie Hover-Effekte mithilfe von Pseudoklassen und jQuery. Bei der Arbeit mit Stylesheets können Sie mithilfe von CSS-Pseudoklassen wie :hover ... anwenden.
06 Dec 2024
Hovering-Effekte für mehrere Elemente mit CSSWenn Sie vor der Herausforderung stehen, Hover-Effekte gleichzeitig auf mehrere Elemente anzuwenden, ...
11 Nov 2024
Hover-Effekte für PseudoelementeProblem: Hover-Effekte zu Pseudoelementen hinzufügenBei der Verwendung von Pseudoelementen in HTML und CSS ist es oft wünschenswert...
28 Oct 2024
Hover-Effekte für benutzerdefinierte Schaltflächen im Kontrollkästchen-Stil in CSS Wenn Sie benutzerdefinierte Kontrollkästchen erstellen, die Schaltflächen ähneln, möchten Sie möglicherweise Hover-Effekte hinzufügen ...
29 Oct 2024
Erstellen einer Hintergrundfarbfüllung von links nach rechts mit CSSIn CSS3 können Hover-Effekte mithilfe von Übergängen verbessert werden, um dynamische visuelle Effekte zu erzeugen....
11 Dec 2024
Können CSS-Hover-Effekte auf verschiedene Elemente ausgedehnt werden? In CSS ist es nicht direkt möglich, Hover-Effekte auf ein Element anzuwenden, das benachbart oder... ist.
Hot Tools
jQuery2019 Valentinstag-Geständnis-Feuerwerk-Animations-Spezialeffekte
Ein sehr beliebter jQuery-Spezialeffekt mit Geständnisfeuerwerk zum Valentinstag auf Douyin, der für Programmierer und Technikfreaks geeignet ist, um dem Mädchen, das sie lieben, ihre Liebe auszudrücken. Egal, ob Sie es mögen oder nicht, am Ende müssen Sie zustimmen.
Laui responsive animierte Login-Schnittstellenvorlage
Laui responsive animierte Login-Schnittstellenvorlage
520 Webanimations-Spezialeffekte für Geständnisse zum Valentinstag
jQuery Valentinstag-Geständnisanimation, 520-Geständnis-Hintergrundanimation
Coole System-Anmeldeseite
Coole System-Anmeldeseite
HTML5-Kassettenmusik-Player – KASSETTENSPIELER
HTML5-Kassettenmusik-Player – KASSETTENSPIELER