Infinite Marquee

Infinite Marquee

Cet outil crée des effets professionnels de défilement infini (carousel/marquee) pour le contenu de votre site Web. Affichez des logos, des témoignages, des bulletins d'actualités ou tout autre contenu dans un défilement continu avec une vitesse, une direction (gauche/droite, haut/bas) et un espacement personnalisables. Les fonctionnalités incluent une fonctionnalité de pause au survol, une conception réactive et des animations fluides. Parfait pour mettre en valeur les logos des clients, afficher des annonces ou créer des éléments visuels attrayants qui captent l'attention des visiteurs.

Temps de setup :

Difficulté :

Partager ce contenu

Implémentez-le plus rapidement

Site Démo

Clonable

Ajouter le script

Ajoutez ce script dans les paramètres du projet > Code personnalisé > Before </body> tag

<!-- BeBranded Contents -->
<script async src="https://cdn.jsdelivr.net/npm/@bebranded/bb-contents@latest/bb-contents.js"></script>

Activer le module

Attribut bb-marquee

bb-marquee = " "

Ajoutez l'attribut bb-marquee à l'élément que vous voulez faire défiler.

Ajouter cet attribut :

Nom

bb-marquee

Valeur

Vitesse de défilement

Attribut bb-marquee-speed

bb-marquee-speed = "100"

Définissez la vitesse de défilement en pixels par seconde. Plus la valeur est élevée, plus le défilement est rapide.

Ajouter cet attribut :

Nom

bb-marquee-speed

Valeur

100

Direction du défilement

Attribut bb-marquee-direction

bb-marquee-direction = "left"

Définissez la direction du défilement. "left" pour un défilement vers la gauche, "right" pour un défilement vers la droite.

Ajouter cet attribut :

Nom

bb-marquee-direction

Valeur

left

Optionnel

Pause au survol

Attribut bb-marquee-pause

bb-marquee-pause = "true"

Activez ou désactivez la pause du défilement quand l'utilisateur survole l'élément.

Ajouter cet attribut :

Nom

bb-marquee-pause

Valeur

true

Optionnel

Espacement entre éléments

Attribut bb-marquee-gap

bb-marquee-gap = "50"

Définissez l'espacement en pixels entre les éléments répétés dans le défilement.

Ajouter cet attribut :

Nom

bb-marquee-gap

Valeur

Optionnel

Orientation du défilement

Attribut bb-marquee-orientation

bb-marquee-orientation = "horizontal"

Définissez l'orientation du défilement. "horizontal" pour un défilement de gauche à droite, "vertical" pour un défilement de haut en bas.

Ajouter cet attribut :

Nom

bb-marquee-orientation

Valeur

horizontal

Optionnel

Hauteur pour défilement vertical

Hauteur du conteneur

Attribut bb-marquee-height

bb-marquee-height = "300"

Définissez la hauteur en pixels du conteneur de défilement. Utilisé principalement pour le défilement vertical.

Ajouter cet attribut :

Nom

bb-marquee-height

Valeur

300

Regarder la vidéo

Toujours besoin d'aide ?

Nous Contacter

Essayez d'autres contenus

Tous les Contenus

Ajouter le script

Activer le module

Activer le module

Vitesse de défilement

Vitesse de défilement

Direction du défilement

Direction du défilement

Pause au survol

Pause au survol

Espacement entre éléments

Espacement entre éléments

Orientation du défilement

Orientation du défilement

Hauteur pour défilement vertical

Hauteur du conteneur

Regarder la vidéo

Essayez d'autres contenus

Embed videos

Auto Youtube Grid sur Webflow

Current Year