come si fa'

[daremano]

vorrei sapere come fare questo menu in javascript questo e' il sito http://www.bachecauniversitaria.it/l...msitiutili.htm vedete di lato c'è un menu dove ci sta scritto per studio e lavoro come si fa'

[Francis87]

basta vedere il codice:

<script language="JavaScript1.2">
/*
Copyright © MaXimuS 2000-2001, All Rights Reserved.
Site: http://www.absolutegb.com/maximus
E-mail: maximus@nsimail.com
Version: 6.1 (NS6 Compatibility)
*/

// Default settings. Don't change them.

YOffset=40; // no quotes!!
staticYOffset=40; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=1000; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
hdrFontFamily="Verdana";
hdrFontSize="3";
hdrFontColor="#000080";
hdrBGColor="#AFCCDE";
hdrAlign="right";
hdrVAlign="center";
hdrHeight="40";
linkFontFamily="Verdana";
linkFontSize="2";
linkBGColor="#006699";
linkOverBGColor="#FFF7E5";
linkTarget="_top";
linkAlign="left";
menuBGColor="#000080";
menuIsStatic="yes";
menuWidth=110; // Must be a multiple of 10! no quotes!!
barBGColor="#AFCCDE";
barFontFamily="Verdana";
barFontSize="2";
barFontColor="#000080";
barVAlign="top";
barWidth=20; // no quotes!!

NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

moving=setTimeout('null',1)
function moveOut() {
if ((NS6 && parseInt(ssm.left)<0)||(IE && ssm.style.pixelLeft<0)||(NS && document.ssm.left<0)) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed)
if (NS6) {theleft+=10;ssm.left = theleft;}
if (IE) {ssm.style.pixelLeft += 10;}
if (NS) {document.ssm.left += 10;document.ssm.clip.left-=10}}
else {clearTimeout(moving);moving=setTimeout('null',1)} };
function moveBack() {
clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6 && parseInt(ssm.left)>(-menuWidth))||(IE && ssm.style.pixelLeft>(-menuWidth))||(NS && document.ssm.left>(-menuWidth))) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);
if (NS6) {theleft-=10;ssm.left = theleft;}
if (IE) {ssm.style.pixelLeft -= 10;}
if (NS) {document.ssm.left -= 10;document.ssm.clip.left+=10}}
else {clearTimeout(moving);moving=setTimeout('null',1)} };

lastY = 0;
function makeStatic() {
if (NS6) {winY = window.pageYOffset;}
if (IE) {winY = document.body.scrollTop;var NM=document.all('ssm').style}
if (NS) {winY = window.pageYOffset;var NM=document.ssm}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .3 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .3 * (winY - lastY);}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (NS6) {ssm.top=parseInt(ssm.top)+smooth;}
if (IE) NM.pixelTop+=smooth;
if (NS) NM.top+=smooth;
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}

function initSlide() {
if (NS6){
ssm=document.getElementById("ssm").style
ssm.visibility="visible";
ssm.left = -menuWidth;}
else if (IE) {
document.all("ssm").style.visibility = "visible"
document.all("ssm").style.pixelLeft = -menuWidth;}
else if (NS) {
document.layers["ssm"].clip.left = menuWidth;
document.layers["ssm"].left = -menuWidth;
document.layers["ssm"].visibility = "show"}
if (menuIsStatic=="yes") makeStatic();}

function reloadPage() {if(NS)location.reload()}

function startMenu(menuHeader, barText) {
if (IE||NS6) {document.write('<DIV ID="ssm" style="visibility:hidden;Position : Absolute ;Left : 0 ;Top : '+YOffset+' ;Z-Index : 20;width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}
tempBar=""
for (i=0;i<barText.length;i++) {
tempBar+=barText.substring(i, i+1)+"
"}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+(menuWidth-1)+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'">'+menuHeader+'</font></td><td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'">'+tempBar+'</font></p></TD></tr>')
theleft=-menuWidth}

function addItem(text, link, target) {
if (!target) {target=linkTarget}
document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssmItems">'+text+'</DIV></LAYER></ILAYER></TD></TR>')}

function addHdr(text) {
document.write('<tr><td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+(menuWidth-1)+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'">'+text+'</font></td></tr>')}

function endMenu() {
document.write('<tr><td bgcolor="'+hdrBGColor+'"><font size="0" face="Arial"> </font></td></TR></table>')
if (NS6){document.write('</TD></TR></TABLE>')}
if (IE||NS6) {document.write('</DIV>')}
if (NS) {document.write('</LAYER>')}
if (NS6||IE||NS) setTimeout('initSlide();', 500)}

window.onresize=reloadPage

/*
Configure menu styles below
NOTE: To edit the link colors, go to the STYLE tags and edit the ssmItems colors
*/
YOffset=20; // no quotes!!
staticYOffset=20; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=500; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="003366";
menuIsStatic="yes";
menuWidth=140; // Must be a multiple of 10! no quotes!!
hdrFontFamily="Tahoma";
hdrFontSize="2";
hdrFontColor="#003366";
hdrBGColor="#E4E9F8";
hdrAlign="left";
hdrVAlign="center";
hdrHeight="20";
linkFontFamily="Tahoma";
linkFontSize="1";
linkBGColor="white";
linkOverBGColor="#E4E9F8";
linkTarget="center";
linkAlign="Left";
barBGColor="#E4E9F8";
barFontFamily="Tahoma";
barFontSize="1";
barFontColor="#003366}";
barVAlign="center";
barWidth=10; // no quotes!!

startMenu("Menu", "PER STUDIO E LAVORO")
addItem("Annunci", "http://www.bachecauniversitaria.it/bacheca/bacheche.htm", "");
addItem("Traduttori online", "http://www.bachecauniversitaria.it/servizifree/traduci.htm", "");
addItem("Studio e Università", "http://www.bachecauniversitaria.it/link/siti_universitari_p.htm", "");
addItem("Orientamento universitario", "http://www.bachecauniversitaria.it/guida_studio_frm.htm", "");
addItem("Appunti online", "http://www.bachecauniversitaria.it/link/appunti_online.htm", "");
addItem("Appunti scuole superiori", "http://www.bachecauniversitaria.it/appunti.htm", "");
addItem("Tesi online", "http://www.bachecauniversitaria.it/link/link_tesi.htm", "");
addItem("Biblioteche online", "http://www.bachecauniversitaria.it/link/biblioteche_online.htm", "");
addItem("Borse di studio", "http://www.bachecauniversitaria.it/link/bandi_borse_ p.htm", "");
addItem("Giornali univesitari", "http://www.bachecauniversitaria.it/link/giornalini.htm", "");
addItem("Informazioni su corsi e master", "http://www.bachecauniversitaria.it/bacheca/ann_inf_msg_frm.htm", "");
addItem("Corsi di formazione e specializzazione", "http://www.bachecauniversitaria.it/link/centri_di_formazione.htm", "");
addItem("Master,stage e dottorati", "http://www.bachecauniversitaria.it/link/master_p.htm", "");
addItem("Canale lavoro", "http://www.bachecauniversitaria.it/link/lavoro_p.htm", "");
addItem("Offerte lavoro", "http://www.bachecauniversitaria.it/link/lavoro_p.htm", "");
addItem("Lavoro temporaneo", "http://www.bachecauniversitaria.it/link/lavoro_temporaneo.htm", "");
addItem("Concorsi online", "http://www.bachecauniversitaria.it/link/concorsi.htm", "");



endMenu()

</script>