RechercherAccueilMembresGroupesConnexionS'enregistrerFAQ

Partagez | 
 

 Script menu avec dégradé

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
avatar
San Giuliano
Admin

Localisation : Corse
Age : 50
Masculin
MessageSujet: Script menu avec dégradé Dim 29 Juil - 15:53

Salut...

Voici un script pour faire un menu avec des dégradés de couleur

Code:
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
.MenuCell{border:1 solid #006699;font: 12 Arial;}
.MenuTable{font: 12 Arial; table-layout: fixed; border-collapse: collapse; width: 1370px;}
A{width: 100%; text-decoration: none; text-indent: 2px;}
</STYLE>
</HEAD>
<BODY>

<SCRIPT>
//   pour la démo
sHTML = "<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0 CLASS='MenuTable'>"
   for (i=1; i<=10; i++){
      sHTML += "<TR><TD ID='MnuCell_" + i + "' onmouseover=\"gradient(0,'MnuCell_" + i + "')\" CLASS='MenuCell'><A HREF=\"#\">Page " + i + "</A></TD></TR>"
   }
sHTML += "</TABLE>"
document.write(sHTML)

var Colors = new Array()
Colors = InitColors("#000099","#FFFFFF",30)
function gradient(i, id){
   if (i<Colors.length){document.getElementById(id).style.backgroundColor  = "#" + Colors[i]
   setTimeout("gradient("+(i+1)+",'"+id+"')",11)
   }
}
//  convertion decimal ver hexa
function Hexa(Dec){
  var nb = Dec.toString(16)
  if (nb.length < 2) {nb = "0" + nb}
  return(nb)
}
//   creation du tableau de couleurs
function InitColors(ColorStart, ColorEnd, Steps){
  //   si les couleurs viennent d'une propriété de style :
  Start = ColorStart.replace("#","")
  End = ColorEnd.replace("#","")
   
  var StartRed = parseInt(Start.substring(0, 2),16)
  var StartGreen = parseInt(Start.substring(2, 4),16)
  var StartBlue = parseInt(Start.substring(4, 6),16)
  var EndRed = parseInt(End.substring(0, 2),16)
  var EndGreen = parseInt(End.substring(2, 4),16)
  var EndBlue = parseInt(End.substring(4, 6),16)
  var Colors = new Array()
  cr=StartRed; cg=StartGreen; cb=StartBlue
  sr = (EndRed - StartRed)/Steps  // rouge
  sg = (EndGreen - StartGreen)/Steps  // vert
  sb = (EndBlue - StartBlue)/Steps  // bleu
   for (var x = 0; x <= Steps; x++) {
      Colors[x] = Hexa(Math.floor(cr)) + Hexa(Math.floor(cg)) + Hexa(Math.floor(cb))
      cr += sr; cg += sg; cb += sb
   }
   return(Colors)
}
</SCRIPT>
</BODY>
</HTML>

Clic ici pour voir a quoi il ressemble


Utilisez le Forum aide Webmastering pour demander le l'aide.
Revenir en haut Aller en bas
http://chezsangiuliano.forumgratuit.org/h2-page-perso-san-giulia
 

Script menu avec dégradé

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Tutoriel Webmastering-