Accueil > > > NEWS DÉFILANTES
 NEWS DÉFILANTES
 Information sur la source
 Description
suite a un code posté ici, je poste le même version mieux (l'autre n'était pas portable, et ne faisait quécrire du html.)
 Source
- <html>
- <head>
- <link rel="Stylesheet" href="site.css" type="text/css">
- <script language=JavaScript>
- bougepas=-1;
- function stopdefilebulle(bulle)
- {
- bougepas=bulle;
- }
- function startdefilebulle(bulle)
- {
- bougepas=-1;
- }
- function bullenewsdefile(bulle, xb, vitesse, sens)
- {
- if (document.body.clientWidth){
- var larg = (document.body.clientWidth);
- }else{
- var larg = (window.innerWidth);
- }
- if (bougepas!=bulle){
- xb=xb+vitesse*sens;
- if (xb>larg-350 || xb <10){
- sens=-sens;
- }
-
- document.getElementById(bulle).style.left=xb;
- }
- setTimeout("bullenewsdefile('"+bulle+"', "+xb+", "+vitesse+","+sens+")", 50);
- }
- function creanews(num, texte, hauteur, xdedepart, vitesse)
- {
- if (hauteur==-1){
- att="relative";
- }else{
- att="absolute";
- }
- document.write("<div ID="+num+" style='position:"+att+"'>");
- document.write("<table border='1' width='300' bgcolor='#FFAA77' onmouseover='stopdefilebulle("+num+")' onmouseout='startdefilebulle("+num+")'><tr><td>"+texte+"</td></tr></table>");
- document.write("</div>");
- if (hauteur>-1)
- document.getElementById(num).style.top=hauteur;
- bullenewsdefile(num, xdedepart, vitesse, 1);
- }
- </script>
- </head>
- <body>
- <script>
- /*
- les argument a paser :
- -Mettez en premier une valeur quelquonque, ou un texte, c'est juste au cas ou vous vouliez réutiliser la news pour autre chose dans la page... Deux news ne doivent pas avoir le même atribut...
- -ensuite, la news en question.
- -ensuite, la heuteur, si c'est en position absolute, et -1 si c'ets en relative.
- -puis l'abscice de départ de la news.
- -puis enfin, la vitesse de cette news.
- */
- creanews(1,"La tu mets ta news...", -1, 10, 5);
- creanews(2,"évidement tu peux en mettre autant que tu veux", 500, 50, 10);
- </script>
- </body>
- </html>
<html>
<head>
<link rel="Stylesheet" href="site.css" type="text/css">
<script language=JavaScript>
bougepas=-1;
function stopdefilebulle(bulle)
{
bougepas=bulle;
}
function startdefilebulle(bulle)
{
bougepas=-1;
}
function bullenewsdefile(bulle, xb, vitesse, sens)
{
if (document.body.clientWidth){
var larg = (document.body.clientWidth);
}else{
var larg = (window.innerWidth);
}
if (bougepas!=bulle){
xb=xb+vitesse*sens;
if (xb>larg-350 || xb <10){
sens=-sens;
}
document.getElementById(bulle).style.left=xb;
}
setTimeout("bullenewsdefile('"+bulle+"', "+xb+", "+vitesse+","+sens+")", 50);
}
function creanews(num, texte, hauteur, xdedepart, vitesse)
{
if (hauteur==-1){
att="relative";
}else{
att="absolute";
}
document.write("<div ID="+num+" style='position:"+att+"'>");
document.write("<table border='1' width='300' bgcolor='#FFAA77' onmouseover='stopdefilebulle("+num+")' onmouseout='startdefilebulle("+num+")'><tr><td>"+texte+"</td></tr></table>");
document.write("</div>");
if (hauteur>-1)
document.getElementById(num).style.top=hauteur;
bullenewsdefile(num, xdedepart, vitesse, 1);
}
</script>
</head>
<body>
<script>
/*
les argument a paser :
-Mettez en premier une valeur quelquonque, ou un texte, c'est juste au cas ou vous vouliez réutiliser la news pour autre chose dans la page... Deux news ne doivent pas avoir le même atribut...
-ensuite, la news en question.
-ensuite, la heuteur, si c'est en position absolute, et -1 si c'ets en relative.
-puis l'abscice de départ de la news.
-puis enfin, la vitesse de cette news.
*/
creanews(1,"La tu mets ta news...", -1, 10, 5);
creanews(2,"évidement tu peux en mettre autant que tu veux", 500, 50, 10);
</script>
</body>
</html>
 Conclusion
si vous avez quelques suggestions, je suis prenneur étant donné que ce scritp reste tout petit, je ferais mon possible pour l'améliorer...
 Historique
- 30 octobre 2004 13:33:31 :
- ajout des news en position relative (les plus courante...)
- 31 octobre 2004 14:04:49 :
- compatibilitée IE
- 30 novembre 2005 13:45:46 :
- ajouts de mots clefs
 Sources du même auteur
 Sources de la même categorie
 Commentaires et avis
 Discussions en rapport avec ce code source dans le forum
News Letter PLEASE [ par hervé ]
Bonjour,je voudrais faire une Newletter, (e-mail).Qui peut m'aider, m'envoyer un plan prêt àêtre utiliser ?.Comment faire une newletters ?.Merci
Créer des News comme sur ce site [ par Macx78 ]
Je viens d'explorer en détail le site et je n'ai trouvé nulle part comment mettre en place les news, comme il y a sur ce site. Comment faire?Merci d'a
Texte riche [ par senechjf ]
Bonjour,J'ai fait un fomulaire d'ajout de news pour mon site en php.Cette news va dans une bd mysql.J'aimerai améliorer mon formulaire en offrant la p
préfixe d'adresse [ par mathieumg ]
J'utilise ulimit pour faire une redirection de mon site. Ce qui est intéressant c'est qu'admettons que l'adresse de mon site est 'http://www.monsite.c
scroll automatique vertical de news [ par gremar ]
comment on fait ? :Pca se fait bien avec du javascript ce genre de chose ?si oui, comment ?gremar
Editeur wysiwig + récupérer les données d'un formulaire [ par vallou ]
Je suis occupée de réaliser un module de news en ASP.Seulement, sur mon lieu de stage, ils veulent que j'ajoute un éditeur qui permettrait à la perso
Develloper / Reduire du texte ??? [ par ParMesSoins ]
Bonjour,je suis à la recherche d'un code pourDevelloper et Reduire du texte :du style : une liste de titre de news,et quand je clique sur un petit +ça
javascript qui foire [ par jofer ]
salut à tousvoilà j'ai fait un petit code javascrit pour faire des alertes dasn le cadre d'une saisie. les deux alertes (avec focus) fonctionne sauf q
BBC Ticker news [ par apz ]
Salut,Y'a pas un code (ticker) qui peut realiser la tache d'ecrire des news comme on peut le voir sur la page :http://news.bbc.co.ukdans la ligne LATE
besoin d'aide pour systeme de news, et centré des <div> [ par ministeeve ]
voila dans cette page j'ai 2 probleme, le premier etant que je n'arrive pas a trouver un script pour cree un systeme de news en javascript, en tous ca
|
Derniers Blogs
 IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|