Beispielcode für den manuellen Umschalteffekt des js-Bildkarussells

In diesem Artikel wird hauptsächlich der manuelle Umschalteffekt des js-Bildkarussells ausführlich vorgestellt, der einen gewissen Referenzwert hat.

Verwenden Sie die ScrollPicLeft.js-Bibliothek, um den Bildwechsel zu realisieren und her eignet sich für Spalten wie die Zertifikatsanzeige und empfohlene Produkte auf Webseiten. Es ist nicht wie beim herkömmlichen Laufschrift-Bildlauf, sondern Sie können manuell auf die Vorwärts- und Rückwärts-Pfeilschaltflächen klicken, um die Bildseiten umzublättern, um so den Effekt zu erzielen, durch das vorherige und das nächste Bild zu blättern.
Jquery muss nicht aufgerufen werden, einfache Initialisierung, sehr einfach und bequem zu verwenden.
Beispieleffekt:

JS-Code:

<script type="text/javascript">
 var scrollPhoto = new ScrollPicleft();
 scrollPhoto.scrollContId = "ISL_Photo"; // 内容容器ID""
 scrollPhoto.arrLeftId = "Left_Photo";//左箭头ID
 scrollPhoto.arrRightId = "Right_Photo"; //右箭头ID
 scrollPhoto.frameWidth = 450;//显示框宽度
 scrollPhoto.pageWidth = 150; //翻页宽度
 scrollPhoto.speed = 10; //移动速度(单位毫秒，越小越快)
 scrollPhoto.space = 10; //每次移动像素(单位px，越大越快)
 scrollPhoto.autoPlay = false; //自动播放
 scrollPhoto.autoPlayTime = 3; //自动播放间隔时间(秒)
 scrollPhoto.initialize(); //初始化 
</script>

Das Beispiel in diesem Artikel beschreibt den manuellen Schalteffekt von js-Bildkarussell. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Dies ist ein manueller Umschalteffektcode, der auf dem js-Bildkarussell basiert, und der Implementierungsprozess ist sehr einfach.
Der manuelle Umschalteffektcode für das mit allen geteilte js-Bildkarussell lautet wie folgt

 
 

 

 

 

 

 

 

 

 

 

 
 

 


<script type="text/javascript">
 var scrollPhoto = new ScrollPicleft();
 scrollPhoto.scrollContId = "ISL_Photo"; // 内容容器ID""
 scrollPhoto.arrLeftId = "Left_Photo";//左箭头ID
 scrollPhoto.arrRightId = "Right_Photo"; //右箭头ID
 scrollPhoto.frameWidth = 450;//显示框宽度
 scrollPhoto.pageWidth = 150; //翻页宽度
 scrollPhoto.speed = 10; //移动速度(单位毫秒，越小越快)
 scrollPhoto.space = 10; //每次移动像素(单位px，越大越快)
 scrollPhoto.autoPlay = false; //自动播放
 scrollPhoto.autoPlayTime = 3; //自动播放间隔时间(秒)
 scrollPhoto.initialize(); //初始化 
</script>

Das obige ist der detaillierte Inhalt vonBeispielcode für den manuellen Umschalteffekt des js-Bildkarussells. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!