CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 10 12 21:00:23

[SILVERLIGHT] EN ATTENDANT SILVERLIGHT 2 RTW par Audrey

LE NOUVEAU GOJIRA, C'EST POUR LUNDI. par coq

SHAREPOINT : NOUVEL ARTICLE SUR LA MISE EN PLACE DES SCOPES DANS MOSS SEARCHS par ROMELARD Fabrice

HELLO CS par julz

MSDN/TECHNET/MICROSOFT DAYS TOUR 2008 à LILLE LES 13 ET 14 OCTOBRE ! par redo

RE : PROBLEME D'AFFICHAGE D'UNE IMAGE AVEC ONMOUSEOVER ET SHOWTRAIL par stefane26

RE : CENTRAGE D'UNE PAGE AVEC MARGE NéGATIVES par PetoleTeam

RE : PROBLEME D'AFFICHAGE D'UNE IMAGE AVEC ONMOUSEOVER ET SHOWTRAIL par PetoleTeam

CENTRAGE D'UNE PAGE AVEC MARGE NéGATIVES par ludomacho

RE : CRéATION D'UN TCHAT par TheCamel

+ de logiciels à télécharger

1 260 755 membres
581 nouveaux aujourd'hui
14 413 membres club

Trouver une ressource

Trouvez une ressource parmi 38 837 codes, 1 185 989 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MENU AVEC EFFET DE DÉGRADÉ

Information sur la source

Catégorie :Menu & Co Niveau : Débutant Date de création : 11/06/2004 Vu : 11 692

Auteur : francktfr

Site perso

Ecrire un message privé

Note :

2,17 / 10

Commentaire sur cette source (0)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

le menu n'est la que pour l'exemple :o)

Source

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
.MenuCell{border:1 solid #006699;font: 12 Arial;}
.MenuTable{font: 12 Arial; table-layout: fixed; border-collapse: collapse; width: 70px;}
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>

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE>
.MenuCell{border:1 solid #006699;font: 12 Arial;}
.MenuTable{font: 12 Arial; table-layout: fixed; border-collapse: collapse; width: 70px;}
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>