codice:
<html>
<head>
<title>Sliding Menu - by standard - es.1</title>
<script type="text/javascript" src="slidingMenu.js"></script>
<script type="text/javascript">
/*=========================================================
- definizione degli elementi del menu -
la sintassi è:
nuovaVoce = new Menu(title,URL,back,MyFunctionName)
=========================================================*/
// se il terzo parametro è settato a false l'Oggetto Menu diventa "senza-ritorno"
Home= new Menu("Home","homePage.html",true)
CV = new Menu("C . V .","cv.html",true)
studi = new Menu("s t u d i","studi.html")
esperienze = new Menu("e s p e r i e n z e","esperienze.html")
PortFolio = new Menu("P o r t F o l i o","portfolio.html",true)
p1 = new Menu("p 1","p1.html")
p2 = new Menu("p 2","p2.html")
p3 = new Menu("p 3","p3.html")
Articoli = new Menu("A r t i c o l i","articoli.html",true)
art1 = new Menu("standard popup","p1.html",true)
v1 = new Menu("v . 1","v1.html")
v2 = new Menu("v . 2","v2.html")
art2 = new Menu("sniffing","a2.html")
art3 = new Menu("styleSheets","a3.html")
art4 = new Menu("DOM W3C","p4.html",true)
dom1 = new Menu("t u t o r i a l","d1.html")
dom2 = new Menu("e s e m p i","d2.html")
dom3 = new Menu("r i s o r s e","d3.html",true)
r1 = new Menu("H T M L . I T","h1.html")
r2 = new Menu("P R O","h2.html")
Contattami = new Menu("C o n t a t t a m i","Contattami.html")
/*=========================================================
- definizione della gerarchia del menu -
=========================================================*/
Home.subMenu[0] = CV
CV.subMenu[0] = studi
CV.subMenu[1] = esperienze
Home.subMenu[1] = PortFolio
PortFolio.subMenu[0] = p1
PortFolio.subMenu[1] = p2
PortFolio.subMenu[2] = p3
Home.subMenu[2] = Articoli
Articoli.subMenu[0] = art1
art1.subMenu[0] = v1
art1.subMenu[1] = v2
Articoli.subMenu[1] = art2
Articoli.subMenu[2] = art3
Articoli.subMenu[3] = art4
art4.subMenu[0] = dom1
art4.subMenu[1] = dom2
art4.subMenu[2] = dom3
dom3.subMenu[0] = r1
dom3.subMenu[1] = r2
Home.subMenu[3] = Contattami
/*=========================================================
- definizione degli stili -
=========================================================*/
// definizione della posizione assoluta del menu nel BODY (obbligatoria):
stiliBoxDefault = ["position=absolute","left=0px","top=300px"];
// stili obbligatori:
// 1) position=absolute su tutti gli array di stili (eccetto sugli array di rollover e click)
// 2) width, height devono essere definiti identici nei tre (principali) array di stili
// 3) fontSize preferibilmente identico nei tre array (principali) di stile per
// meglio visualizzare l'effetto di sliding
stiliCenDefault = ["position=absolute","width=100px","height=15px","fontSize=9px",
"backgroundColor=#333333","color=#DDDDDD","fontFamily=Verdana","textAlign=center","cursor=default"]
stiliSupDefault = ["position=absolute","width=100px","height=15px","fontSize=9px",
"backgroundColor=#DDDDDD","color=#333333","textAlign=center","cursor=default","fontFamily=Verdana",
"borderLeftStyle=solid","borderLeftWidth=1px","borderLeftColor=#333333"]
stiliSubDefault = ["position=absolute","width=100px","height=15px","fontSize=9px",
"backgroundColor=#DDDDDD","color=#333333","textAlign=center","cursor=default","fontFamily=Verdana",
"borderLeftStyle=solid","borderLeftWidth=1px","borderLeftColor=#333333",
"borderTopStyle=solid","borderTopWidth=1px","borderTopColor=#333333"]
stiliRollIn =["backgroundColor=#CCCCCC","color=yellow"]
stiliRollOut=["backgroundColor=#DDDDDD","color=#333333"]
/*=========================================================
- Inizializzazione del Menu -
la sintassi è:
MyMenu = new ContainerMenu(startingMenu,Hstep,Vstep,delay,launchingFunctionName,
boxStylesArray,supStylesArray,cenStylesArray,subStylesArray,
inSupStylesArray,outSupStylesArray,inSubStylesArray,outSubStylesArray,
clickedSupStylesArray,clickedSubStylesArray)
=========================================================*/
window.onload = function() {
MioMenu = new ContainerMenu(Home,null,null,null,"no",
stiliBoxDefault,stiliSupDefault,stiliCenDefault,stiliSubDefault,
stiliRollIn,stiliRollOut)
MioMenu.open()
}
</script>
</head>
<body>
</body>
</html>
il menù mi viene ugualeall'esempio...ora cambierò il contenuto,,,
Rispondi quotando