Avoir un titre qui bouge ?

Fermé
louisplt - 15 mai 2011 à 17:46
 louis - 16 mai 2011 à 21:29
Bonjour,

J'avais déjà vue auparavant un titre sur un site qui bougeais, mon site est coder en PHP, j'ai tester =>
<marquee behavior="alternate" ><title>WAZA</title></marquee>

<title><marquee behavior="alternate" >WAZA</marquee></title>

Mais ça ne fait rien...

A voir également:

3 réponses

mimigenie Messages postés 1180 Date d'inscription dimanche 3 janvier 2010 Statut Membre Dernière intervention 4 août 2018 313
15 mai 2011 à 21:09
Pour faire simple, tu peux faire un gif animé et tu t'en sert comme titre. C'est simple et si c'est bien fait, c'est efficace
1
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
Modifié par avion-f16 le 15/05/2011 à 23:31
Salut,

Le titre de la page ne peut pas contenir du HTML.
La solution est de passer par du JS qui modifiera à une intervalle définie le titre.
À chaque appel, le JS retirera une lettre à gauche.
Et quand il n'y a plus de lettre, on recommence.

À mettre avant </body> :
<script type="text/javascript"> 
var fullTitle = document.title; 
var currentChar = 0; 

setInterval(function() { 
 currentChar++; 
  
 if(currentChar == fullTitle.length) { 
  currentChar = 0; 
 } 
  
 var newTitle = fullTitle.substr(currentChar, (fullTitle.length - currentChar)); 
  
 if(newTitle.substr(0,1) == ' ') { 
  newTitle = newTitle.substr(1, (newTitle.length - 1)); 
  currentChar++; 
 } 
  
 document.title = newTitle; 
}, 500); 
</script>



Ou encore un autre type :
<script type="text/javascript">
var fullTitle = document.title;
var currentChar = 0;

setInterval(function() {
	currentChar++;
	
	if(currentChar == fullTitle.length) {
		currentChar = 0;
	}
	
	var newTitle = fullTitle.substr(currentChar, (fullTitle.length - currentChar));
	
	if(newTitle.substr(0,1) == ' ') {
		newTitle = newTitle.substr(1, (newTitle.length - 1));
		currentChar++;
	}
	
	newTitle += " " + fullTitle.substr(0, currentChar);
	
	document.title = newTitle;
}, 250);
</script>

La pensée mène le monde.
1
Merci beaucoup ;D
0