- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- 2 menu in js nella stessa pagina
-
2 menu in js nella stessa pagina
Ci sono quei menu carini in javascript che si spostano con lo scroll della pagina.
Metterne uno, non e' un problema, ma per mettrne due, uno a destra e uno a sinistra?
-
@777 said:
Ci sono quei menu carini in javascript che si spostano con lo scroll della pagina.
Metterne uno, non e' un problema, ma per mettrne due, uno a destra e uno a sinistra?Non so se vanno in collisione tra loro
Di solito per ognuno ci sono due script
Quindi questa volta ce ne sono quattro
Fai copia incolla del sorgente e del codice da inserire nella pagina che lo guardo.
-
in testa:
<STYLE TYPE="text/css">
<!--
.menuh{BORDER-COLOR:#99ccff;cursor:hand;Border-Left:#99ccff;Border-Top:#99ccff;Padding-Left:1px;Padding-Top:1px;Background-Color:#99ccff;font-size:4pt;}
.menu{Background-Color:#663300;font-size:5pt;}
.home{cursor:hand;font-size:5pt;}
.menulinks{text-decoration:none;font-size:5pt;}
//-->
</STYLE>in corpo:
<SCRIPT Language="Javascript1.2">
<!--/*
Static menu script II (By maXimus, [email][email protected][/email], http://maximus.ravecore.com/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*///configure below variable for menu width, position on page
var menuwidth=95
var offsetleft=01
var offsettop=175var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0function makeStatic() {
if (ie4) {object1.style.pixelTop=document.body.scrollTop+offsettop}
else if (ns6) {document.getElementById("object1").style.top=window.pageYOffset+offsettop}
else if (ns4) {eval(document.object1.top=eval(window.pageYOffset+offsettop));}
setTimeout("makeStatic()",0);
}if (ie4||ns6){document.write('<span ALIGN="CENTER" ID="object1" STYLE="Position:absolute;Top:20;Left:'+offsetleft+';Z-Index:5;cursor:hand;background-color:black;font-size:5pt;"><TABLE BORDER="1" width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="#ffffcc" bgcolor="#663300">')}
else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD FONT SIZE="3"><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}if (ie4||ns6||ns4)
document.write('<TR><TD BGCOLOR="#99ccff" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#ccffff"><P ALIGN=CENTER><FONT SIZE="3" FACE=ARIAL>Site Menu</FONT></TD></TR>')var menui = new Array();
var menul = new Array();//configure below for menu items. Extend list as desired
menui[0]="UCA";
menui[1]="Home";
menui[2]="Profile";menul[0]="http://";
menul[1]="http://";
menul[2]="http://";for (i=0;i<=menui.length-1;i++)
if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="#ffffcc" ONCLICK="location=''+menul*+''" onmouseover="className='menuh'" onMouseout="className='menu'"><CENTER><FONT size="1">'+menui*+'</FONT></TD></TR>')}
else if (ns4){document.write('<TR><TD BGCOLOR="#ffffcc"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor='yellow'" onmouseout="bgColor='white'"><CENTER>[url="'+menul*+'"]'+menui*+'</CENTER></LAYER></ILAYER></TD></TR>')}if (ie4||ns6) {document.write('</TABLE></span>')}
else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}function menu3(){
if (ns6||ie4||ns4)
makeStatic()
}window.onload=menu3
//-->
</SCRIPT>Se devi impazzire lascia stare che trovo un'altra soluzione.
Grazie comunque per l'interesse.
Ciao GiorgioTuffo!
-
777 dovrebbe essere facile
Allora devi ricopiare il codice, perchè hai due menu.
Poi nel secodo trova Left:'+offsetleft+'; e cambialo con
Right:'+offsetleft+';
A me funzia
-
Ok, provo.
Intanto ti ringrazio ancora.
Approfitto per complimentarmi con i tuoi successi e la tua popolarita' crescente!
PS: Questo forum cresce! Su HTML.it non mi rispose nessuno!!!
Hai una bella strada davanti a te, quando sarai famoso ricordati di me!GT-HTML.it= 1-0
-
Funziona ma con un errore:
object1.style is null or not an object
si puo' ovviare?
-
vanno in conflitto
nel secondo script cambia tutti i
object1 in
object2
Fammi sapere