News défilantes

Commenter

Contenu du snippet

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 / Exemple : 


<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...

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (coucou747)