Beispielcode für die Implementierung von Karussellbildern und nahtlosem Scrollen in SuperSlidev2.1

SuperSlidev2.1 轮播图片和无缝滚动

使用方法点击链接:

 

简单使用方法如下

html

 

js

/***Karussell-Bannereffekt im Vollbildmodus***/
$( ".fullSlide").hover(function(){
$(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
} ,
function(){
$(this).find(".prev,.next").fadeOut()
});
$(".fullSlide").slide({
titCell: „.hd ul“,
mainCell: „.bd ul“,
effect: „fold“,
autoPlay: true,
autoPage: true,
trigger: "click",
startFun: function(i) {
var curLi = jQuery(".fullSlide .bd li").eq(i);
if ( !! curLi.attr("_src")) {
curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
}
}
});
/***Karusselleffekt***/
$(".dtbd").slide({titCell: ".hd li",mainCell:".bd ul",autoPlay:true});

/***Bild scrollen***/
$(".hzhb").slide({mainCell:".bd ul",autoPlay:true,effect:"leftMarquee",vis:6, interTime:50,trigger:"click",prevCell:".prev",nextCell:".next"});

Das obige ist der detaillierte Inhalt vonBeispielcode für die Implementierung von Karussellbildern und nahtlosem Scrollen in SuperSlidev2.1. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：

图片 滚动

Quelle：php.cn

Vorheriger Artikel：Teilen Sie mit, wie Sie mit dem JQuery-Encoder Probleme bei der XSS-Skriptinjektion lösen können Nächster Artikel：Beispiel-Tutorial zur Animation in JQuery

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

• Beispiel-Tutorial zur Übergabe von Parametern mithilfe der NameValuePair-Methode
  1970-01-01 08:00:00
• Verwenden Sie dom4j, um ein Beispiel für ein XML-Dokument zu analysieren
  1970-01-01 08:00:00
• Katalogdienst – Analyse des Beispielcodes für die Microsoft-Microservice-Architektur
  1970-01-01 08:00:00
• Ausführliche Erläuterung der ersten Schritte mit Beispielen für .net Elasticsearch
  1970-01-01 08:00:00
• Detaillierte Einführung in Spring Boot mit Konfigurationsbeispielen für die JSP-Unterstützung
  1970-01-01 08:00:00
• Wie erkennt JS, ob das von window.open geöffnete Fenster geschlossen ist?
  1970-01-01 08:00:00
• Teilen Sie ein verstümmeltes Problem in sqlyog beim Herstellen einer Verbindung zur Datenbank und dessen Lösung
  1970-01-01 08:00:00
• Beispiele für die Verwendung von Parametern variabler Länge in Java
  1970-01-01 08:00:00
• Das neueste Beispiel-Tutorial für die Amap API WEB-Entwicklung
  1970-01-01 08:00:00
• Vor- und Nachteile von AJAX
  1970-01-01 08:00:00

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

0

3

2276

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

0

11

2409

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

0

1

2027

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...

Aus 2024-04-18 23:52:34

0

1

1914

Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen

Aus 2024-04-16 10:10:18

0

0

1981

verwandte Themen

Mehr>

• So ändern Sie den Text im Bild
• Was tun, wenn das eingebettete Bild nicht vollständig angezeigt wird?
• So lassen Sie PPT-Bilder einzeln erscheinen
• So erstellen Sie ein rundes Bild in ppt
• Samsung s5830-Upgrade
• Funktionen des Raysource-Download-Tools
• Was bedeutet eine Dateierweiterung normalerweise?
• Detaillierter Prozess zum Upgrade des Win7-Systems auf das Win10-System