Du texte qui défile

  • Du texte qui défile... ça à au moins l'avantage d'attirer l'attention
  • elle peut être très longue, il suffit de régler les paramètres que j'ai détaillé plus bas
  • Le temps d’arrêt est paramétrable, ainsi que le sens top ou bottom
  • Vous pouvez aussi régler la vitesse de défilement
  • Le contour et la couleur de fond peuvent aussi être changés

 

  • Du texte qui défile... ça à au moins l'avantage d'attirer l'attention
  • elle peut être très longue, il suffit de régler les paramètres que j'ai détaillé plus bas
  • Le temps d’arrêt est paramétrable, ainsi que le sens top ou bottom
  • Vous pouvez aussi régler la vitesse de défilement
  • Le contour et la couleur de fond peuvent aussi être changés

 

  • Du texte qui défile... ça à au moins l'avantage d'attirer l'attention
  • elle peut être très longue, il suffit de régler les paramètres que j'ai détaillé plus bas
  • Le temps d’arrêt est paramétrable, ainsi que le sens top ou bottom
  • Vous pouvez aussi régler la vitesse de défilement
  • Le contour et la couleur de fond peuvent aussi être changés

 

Le Code à placer sur votre page via l'editeur HTML:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://bidouillage.e-monsite.com/medias/files/jquery-marquee-min.js"></script>
<link type="text/css" href="http://bidouillage.e-monsite.com/medias/files/jquery-marquee.css" rel="stylesheet" media="all" />

<ul id="marquee" class="marquee" style="border: 1px solid #08084d; background-color: #f2f2ff; width: 500px; height: 22px;">
<li>Du texte qui défile... ça à au moins l'avantage d'attirer l'attention</li>
<li>elle peut être très longue, il suffit de régler les paramètres que j'ai détaillé plus bas</li>
<li>Le temps d’arrêt est paramétrable, ainsi que le sens top ou bottom</li>
<li>Vous pouvez aussi régler la vitesse de défilement</li>
<li>Le contour et la couleur de fond peuvent aussi être changés</li>
</ul>


<script type="text/javascript">
$(document).ready(function (){
$("#marquee").marquee(
{
yScroll: "bottom" // Sens du message "top" or "bottom"
, showSpeed: 850 // Vitesse initial du déroulement
, scrollSpeed: 12 // Vitesse du scroll
, pauseSpeed: 5000 // temps de pause entre les messages
, pauseOnHover: true // Arrête quand on passe la souris dessus
, loop: -1
, fxEasingShow: "swing"
, fxEasingScroll: "linear"

}
);
});
</script>

Aucune note. Soyez le premier à attribuer une note !