JQuery assez fluide finalement.
Dans un post précédent j’ai écrit que j’aimais bien les menus fonctionnant avec JQuery mais que je trouvais souvent les autres scripts pas assez fluide. Après quelques recherches je dois maintenant me rétracter.
J’ai trouvé un ‘News Ticker’ (défilement de nouvelles), très fluide.
Je ne parle pas ici du fameux script de défilement de nouvelle de la BBC que l’ont trouve un peu partout sur le Net. En cherchant plus ont peut trouver beaucoup mieux. Voir ici :
http://www.nicolaferrari.name/progetti_nicola_ferrari_ScrollNews.php
Le site est en Espagnol ou Italien mais en regardant les exemples ont peut facilement en comprendre le fonctionnement. Le défilement est fluide, avec pause sur le onmouseover. Voir la page de démo :
http://www.nicolaferrari.name/esempio_nicola_ferrari_ScrollNews.php
Ont doit commencer par inclure JQuery :
<script type= »text/javascript » src= »http://code.jquery.com/jquery-latest.pack.js »> </script>
Par la suite inclure le .js du script :
<script type= »text/javascript » src= »ScrollNews.jquery.js »></script>
Ont initialise :
$(« #nouvelle »).ScrollNews({
inizialize : ‘true’,
size : ’70px’, // la hauteur
timeout : 4300, // temps de pause d’affichage
speed : ‘fast’, // vitesse de défilement ‘fast’/'medium’/'slow’
direction : ‘up’, // la direction ‘up’/'down’
onmouseover : ‘stop’ // lorsque la souris est au dessus ‘stop’ /’continue’
});
Tout ce qui précède doit se trouver entre <head> et </head>
Maintenant entre <body> et </body>
<div id =”nouvelle”>
<div> CODE HTML </div>
<div> CODE HTML </div>
<div> CODE HTML </div>
</div>
Chacun des blocs <div> à l’intérieur de <div id=”nouvelle”> et </div> représente une nouvelle ou un bloc html.
(7 votes, average: 4,14 out of 5)
Loading ...