Passer au contenu

HTML : faire défiler un texte dans une page

Comment : en utilisant un code en JavaScript.Pour rendre plus attrayant votre site personnel, vous aimeriez y placer un texte qui défile de droite à gauche…

Comment : en utilisant un code en JavaScript.Pour rendre plus attrayant votre site personnel, vous aimeriez y placer un texte qui défile de droite à gauche ou de bas en haut. Afin que tous les internautes, utilisateurs d’Internet Explorer ou de Netscape, puissent afficher cet effet sur leur PC, il est nécessaire d’employer un code en JavaScript. Les concepteurs de Netscape ont créé un petit programme qui s’en charge. Pour l’obtenir (il est gratuit), téléchargez le script en vous rendant à la page devedge.netscape.com/toolbox/examples/2002/xb/xbMarquee/xbMarquee.js. Une fenêtre de dialogue apparaît. Cliquez sur [enregistrer]. Placez le fichier xbMarquee.js sur votre disque dans un dossier spécifique, tel que C:MonSite (en veillant à ne pas changer le nom du fichier). A l’aide du Bloc-notes (ou d’un éditeur HTML quelconque), recopiez le listing ci-contre. Changez le contenu de la variable “html” afin d’indiquer votre propre texte (n’oubliez pas les guillemets en fin de ligne). Les variables larg et haut correspondent aux dimensions (en pixels) de la zone de défilement. Nommez le listing Textedefilant.htm, par exemple, et enregistrez-le dans le dossier C:MonSite. Pour vérifier si tout fonctionne correctement avec Internet Explorer, déroulez Fichier/Ouvrir, cliquez sur [parcourir], sélectionnez le fichier Textedefilant.htm, puis cliquez sur [ouvrir]. Il ne vous reste plus qu’à mettre à jour votre site Web en transférant, à l’aide d’un programme FTP, les deux fichiers xbMarquee.js et Textedefilant.htm et en veillant à ce qu’ils restent dans le même dossier. Dans le texte défilant, vous pouvez utiliser des effets typographiques. Par exemple, dans le listing ci-contre, vous constaterez que, dans la ligne commençant par html= “NOUVEAUTE”, le mot 2003 est encadré par les balises et . A laffichage, le mot 2003 apparaîtra en caractères gras.

🔴 Pour ne manquer aucune actualité de 01net, suivez-nous sur Google Actualités et WhatsApp.


La rédaction