Accueil > > > TEXTE DÉFILANT, DEUX EFFETS, COMPATIBLE FIREFOX & IE
TEXTE DÉFILANT, DEUX EFFETS, COMPATIBLE FIREFOX & IE
Information sur la source
Description
Un code simple permettant de faire défiler, un texte, un message, dans une page html. Compatible Firefox et IE.
Source
- <html>
- <head><title>Message défilant</title>
- <style type="text/css">
- .span_text_deroulant{FONT-FAMILY:Lucida Console, Lucida Sans Typewriter, Lithograph, Letter Gothic MT, Verdana;FONT-WEIGHT:bold;FONT-SIZE:10pt;width:478px;COLOR:#FFFF99;letter-spacing: 0em; word-spacing: 0em;vertical-align:bottom;cursor:default;}
- </style>
- <SCRIPT type="text/javascript">
- // Message défilant en javascript
- // Nocture @ 2007
- // Affiche un message défilant dans une page HTML
- // Script compatible IE (version 6 & +) et Firefox (version 1.5 & 2)
-
- // Le message a faire défiler
- var notre_msg="Codes-Sources : www.javascriptfr.com, c'est gratuit et très patique... .::. Ne ratez pas les TechDays 2007 . . . . . . . ";
-
- // Deux effets possibles avec mem_msg
- // Effet 1 = sans effet, défilement normal,
- // il faut mettre un maximum d'espaces pour enlever l'effet du glissement
- // var mem_msg=' '; // 90 espaces
- // Effet 2 = au démarrage, glissement du texte puis défilement
- var mem_msg=' '; // seulement 1 espace
- var pos_char=0; // variable de mémorisation de position caractère
-
- function msg_defilant() {
- var vitesse_msg = 80; // règle la rapidité, diminue = plus rapide, augmente = plus lent
- // vérif. si position caractère supérieur a la longueur de la chaine
- //if (pos_char >= notre_msg.length) {pos_char=0}
- mem_msg=mem_msg + notre_msg.substring(pos_char,pos_char+1);
- //pos_char++;
- pos_char = (pos_char + 1) % notre_msg.length;
- // on limite la largueur en terme de carateres
- var msg_tmpo=mem_msg; // variable temporaire
- mem_msg="";
- mem_msg=msg_tmpo.substring(msg_tmpo.length-48,msg_tmpo.length); // 48 caractères
- msg_tmpo="";
- msg_tmpo = mem_msg.replace(/ /g, " "); // remplace les espaces par : " "
- // Ajout d'un décalage d'un espace a gauche entre le texte et l'image
- msg_tmpo=" " + msg_tmpo;
- // Insertion du texte
- var b_txt_deroulant=document.getElementById("modif_txt_deroulant");
- b_txt_deroulant.innerHTML=msg_tmpo;
- window.setTimeout("msg_defilant()",vitesse_msg); // Re-lance la fonction
- }
- {window.setTimeout("msg_defilant()",100);} // Activation du message défilant
- </SCRIPT>
- </head>
- <body bgcolor="#80A4E8" link="#000099" vlink="#000099" alink="#cc0000" style="scrollbar-face-color:#97B9FF;scrollbar-3dlight-color:#000000;scrollbar-darkshadow-color:#000000;scollbar-highlight-color:#000000;scrollbar-shadow-color:#000000;">
- <table align="center">
- <tr>
- <td style="WIDTH:480px;HEIGHT:16px;FONT-WEIGHT:bold;FONT-SIZE:11pt;COLOR:#000099;vertical-align:middle;cursor:default;">
- <div style="position:absolute;width:480px;height:16px;background:url(bg_bandeau_txt_480.gif);background-repeat:no-repeat;FONT-WEIGHT:bold;FONT-SIZE:11pt;COLOR:#000099;cursor:default;"> </div> <span id="modif_txt_deroulant" class="span_text_deroulant"> </span>
- </td>
- </tr>
- </table>
- </body>
- </html>
<html>
<head><title>Message défilant</title>
<style type="text/css">
.span_text_deroulant{FONT-FAMILY:Lucida Console, Lucida Sans Typewriter, Lithograph, Letter Gothic MT, Verdana;FONT-WEIGHT:bold;FONT-SIZE:10pt;width:478px;COLOR:#FFFF99;letter-spacing: 0em; word-spacing: 0em;vertical-align:bottom;cursor:default;}
</style>
<SCRIPT type="text/javascript">
// Message défilant en javascript
// Nocture @ 2007
// Affiche un message défilant dans une page HTML
// Script compatible IE (version 6 & +) et Firefox (version 1.5 & 2)
// Le message a faire défiler
var notre_msg="Codes-Sources : www.javascriptfr.com, c'est gratuit et très patique... .::. Ne ratez pas les TechDays 2007 . . . . . . . ";
// Deux effets possibles avec mem_msg
// Effet 1 = sans effet, défilement normal,
// il faut mettre un maximum d'espaces pour enlever l'effet du glissement
// var mem_msg=' '; // 90 espaces
// Effet 2 = au démarrage, glissement du texte puis défilement
var mem_msg=' '; // seulement 1 espace
var pos_char=0; // variable de mémorisation de position caractère
function msg_defilant() {
var vitesse_msg = 80; // règle la rapidité, diminue = plus rapide, augmente = plus lent
// vérif. si position caractère supérieur a la longueur de la chaine
//if (pos_char >= notre_msg.length) {pos_char=0}
mem_msg=mem_msg + notre_msg.substring(pos_char,pos_char+1);
//pos_char++;
pos_char = (pos_char + 1) % notre_msg.length;
// on limite la largueur en terme de carateres
var msg_tmpo=mem_msg; // variable temporaire
mem_msg="";
mem_msg=msg_tmpo.substring(msg_tmpo.length-48,msg_tmpo.length); // 48 caractères
msg_tmpo="";
msg_tmpo = mem_msg.replace(/ /g, " "); // remplace les espaces par : " "
// Ajout d'un décalage d'un espace a gauche entre le texte et l'image
msg_tmpo=" " + msg_tmpo;
// Insertion du texte
var b_txt_deroulant=document.getElementById("modif_txt_deroulant");
b_txt_deroulant.innerHTML=msg_tmpo;
window.setTimeout("msg_defilant()",vitesse_msg); // Re-lance la fonction
}
{window.setTimeout("msg_defilant()",100);} // Activation du message défilant
</SCRIPT>
</head>
<body bgcolor="#80A4E8" link="#000099" vlink="#000099" alink="#cc0000" style="scrollbar-face-color:#97B9FF;scrollbar-3dlight-color:#000000;scrollbar-darkshadow-color:#000000;scollbar-highlight-color:#000000;scrollbar-shadow-color:#000000;">
<table align="center">
<tr>
<td style="WIDTH:480px;HEIGHT:16px;FONT-WEIGHT:bold;FONT-SIZE:11pt;COLOR:#000099;vertical-align:middle;cursor:default;">
<div style="position:absolute;width:480px;height:16px;background:url(bg_bandeau_txt_480.gif);background-repeat:no-repeat;FONT-WEIGHT:bold;FONT-SIZE:11pt;COLOR:#000099;cursor:default;"> </div> <span id="modif_txt_deroulant" class="span_text_deroulant"> </span>
</td>
</tr>
</table>
</body>
</html>
Conclusion
Code compatible, Internet Explorer et Firefox.
Historique
- 12 juillet 2007 18:36:37 :
- Mise à jour suite au commentaire de nico1610.
Correction de : LANGUAGE="JavaScript" par type="text/javascript"
Suppression du name de la balise <span>
- 15 novembre 2007 21:57:43 :
- Modification du if par un modulo
Sources de la même categorie
Commentaires et avis
Discussions en rapport avec ce code source dans le forum
Texte defilant [ par pascpascalou ]
bonjour , je suis a la recherche d'un texte defilant pouvant contenir des photos pour mon site www.taekwondo-herblay.com et j'aimerais trouver ce java
Erreurs sous IE... [ par Shenron42000 ]
Salut, Voila, j'ai un script qui s'execute parfaitement sous FF et IE... il marche nikel sauf que IE me signal touours que ma page contient des erreu
Probleme de texte defilant [ par foufidou ]
bonjour tou le monde,j'essai de fair une teste defilant sur mes page fait en aspx (ASP .net), j'ai ajouter un script : (merci VictorWani) <MARQUEE
texte defilant vertical en continu sans espace [ par catlaur ]
Bonjour,Tout d'abord je tiens à vous remercier pour ce que vous faites.J'ai un script de texte défilant vertical avec marquee mais il y a un espace de
texte defilant avec image stable [ par gouglou ]
salut tout le monde,j'ai un probleme sur les news (le texte +image)d'un site.je veux que mon texte soit defilant mais l'image soit stable ,jusqu'à ce
Selectionner du texte [ par yousfane ]
Salutj'ai besoin d'une fonction javascript qui permet de selectionner le text d'un div comme si on le selectionne avec la souriset merci de vos repons
lire ligne formattée(html) et l'afficher [ par Bestdoud ]
Bonjour,je cherche une fonction qui me retourne la première ligne d'un fichier txt et dont le contenu est formaté en htmlce fichier se trouve au même
petite question sur document.body.innerHTML [ par Bestdoud ]
Bonjour,j'utilise la focntion document.body.innerHTML pour ajouter du texte dans ma page. et je me suis aperçu qu' à chaque ajout, la page était comme
probleme de formulaire - le message n'arrive jamais au destinataire [ par dante20007 ]
salut , je voudrais mettre un formulaire sur mon site qui, envoie un commentaire à mon adresse mail, mais lorsque je fais "envoyer", je ne reçois jama
dégradé d'opacité sur du texte [ par Flachy Joe ]
Bonjour, ô porteur de connaissance !Voila donc ma question :Est il possible d' (et de quelle manière peut on) appliquer un dégradé sur du texte de faç
|
Derniers Blogs
[WF4] PASSAGE D'ARGUMENTS LITERAL, VISUALBASICVALUE OU LAMBDAVALUE?[WF4] PASSAGE D'ARGUMENTS LITERAL, VISUALBASICVALUE OU LAMBDAVALUE? par JeremyJeanson
Avec la sortie de la RC de Visual Studio 2010, Microsoft a mis un peu les points sur leS i en ce qui concernait le passage d'arguments. Mais nous somme un certain nombre à avoir pris ce changement comme un coup dur. Pour résumer la situation : à la sortie...
Cliquez pour lire la suite de l'article par JeremyJeanson [RIA SERVICES] INCLUDE ET DOMAINDATASOURCE[RIA SERVICES] INCLUDE ET DOMAINDATASOURCE par Audrey
Dans un de mes articles précédents , j'avais parlé des DomainDataSource avec RIA Services dans le cas d'une interface Maître - Détail. Dans le même principe, je vais parler d'une autre manière de mettre en forme ce cas d'interface avec RIA Services. Et po...
Cliquez pour lire la suite de l'article par Audrey ZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATIONZUNE : VERSION ZUNE SOFTWARE V 4.2 ET LA SOCIALISATION par ROMELARD Fabrice
Une des nouveautés de la version V 3.0 était l'apparition de l'onglet Social qui ne fonctionnait que si le MarketPlace était activé sur son poste. Cela limitait donc son intérêt, car hors du cadre commercial USA-CANADA, peu de monde trouva...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice PRATIQUE DE SILVERLIGHT PAR ERIC AMBROSIPRATIQUE DE SILVERLIGHT PAR ERIC AMBROSI par MPOWARE
Je viens de finir la lecture du dernier livre d'
Eric Ambrosi
éditions PEARSON
Son livre donne une approche pratique de Silverlight qui sera aussi bien comprise par le développeur que par le designeur.
Tous les aspects du développement RIA sont abor...
Cliquez pour lire la suite de l'article par MPOWARE APPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NETAPPRENDRE à DéVELOPPER POUR LES MOBILES AVEC LA NOUVELLE GéNéRATION .NET par odewit
2 déclinaisons de Silverlight et 2 déclinaisons de Mono permettent dorénavant (ou permettront prochainement) de développer des applications .NET mobiles pour les principales plates-formes du marché :
Silverlight pour Symbian, basé sur Silverlight 2...
Cliquez pour lire la suite de l'article par odewit
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|