Menu Ad Albero
<STYLE>
#ie5menu {
position:absolute;
width:140px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.menuitems {
padding-left:15px;
padding-right:15px;
}
</STYLE>
<SCRIPT>
// Cambia il valore di questa variabile in 1 se vuoi che i link vengano visualizzati sulla status bar
var display_url=0
function showmenuie5()
{
ie5menu.style.left=document.body.scrollLeft+event.clientX
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
return false
}
function hidemenuie5()
{
ie5menu.style.visibility="hidden"
}
function highlightie5()
{
if (event.srcElement.className=="menuitems")
{
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5()
{
if (event.srcElement.className=="menuitems")
{
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
function jumptoie5()
{
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>
<!--[if IE]>
<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="#">LINK1</div>
<div class="menuitems" url="#">LINK2</div>
<div class="menuitems" url="#">LINK3</div>
<div class="menuitems" url="#">LINK4</div>
<div class="menuitems" url="#">LINK5</div>
<hr>
<div class="menuitems" url="#">LINK5</div>
</div>
<![endif]-->
<script>
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</script>
Menu A Comparsa Dall'Alto:<style>
A.cassetto:hover {color: blue}
DIV.cassetto {font-family: verdana; font-size:11pt; font-weight:bold}
</style>
<SCRIPT LANGUAGE="JavaScript">
ie=document.all ? 1 : 0
n=document.layers ? 1 : 0
// Setta in pixel la parte visibile del cassetto
lshow=18
// Di quanti pixel vuoi che si sposti il cassetto ad ogni passo?
var move=10;
// Setta la velocità
menuSpeed=40
// Vuoi che il cassetto si sposti insieme allo scroll della pagina?
var moveOnScroll=true
// Adesso non cambiare pi๠niente
var tim;
function makeMenu(obj,nest)
{
nest=(!nest) ? '' : 'document.' + nest + '.'
this.css=(n) ? eval(nest+'document.'+obj) : eval(obj+'.style')
this.state=1
this.go=0
this.height=n ? this.css.document.height : eval(obj+'.offsetHeight')
this.top=b_gettop
this.obj = obj + "Object";
eval(this.obj + "=this")
}
function b_gettop()
{
var gleft=(n) ? eval(this.css.top) : eval(this.css.pixelTop);
return gleft;
}
function moveMenu()
{
if(!oMenu.state)
{
clearTimeout(tim)
mIn()
}
else
{
clearTimeout(tim)
mOut()
}
}
function mIn()
{
if(oMenu.top()>eval(scrolled)-oMenu.height+lshow)
{
oMenu.go=1
oMenu.css.top=oMenu.top()-move
tim=setTimeout("mIn()",menuSpeed)
}
else
{
oMenu.go=0
oMenu.state=1
}
}
function mOut()
{
if(oMenu.top()<eval(scrolled))
{
oMenu.go=1
oMenu.css.top=oMenu.top()+move
tim=setTimeout("mOut()",menuSpeed)
}
else
{
oMenu.go=0
oMenu.state=0
}
}
function checkScrolled()
{
if(!oMenu.go)
oMenu.css.top=(!oMenu.state) ? eval(scrolled) : eval(scrolled)-oMenu.height+lshow
if(n)
setTimeout('checkScrolled()',30)
}
function menuInit()
{
oMenu=new makeMenu('divMenu')
scrolled=n ? "window.pageYOffset" : "document.body.scrollTop"
oMenu.css.top=eval(scrolled)-oMenu.height+lshow
oMenu.css.visibility='visible'
if(moveOnScroll)
ie ? window.onscroll=checkScrolled : checkScrolled();
}
onload = menuInit;
</SCRIPT>
<div class="cassetto" id="divMenu" style="position:absolute; top:0; left:30; height:100; width:200; visibility:hidden; background: url('sfondo.gif')">
<center>
<a class="cassetto" href="#">LINK1</a> <br>
<br>
<a class="cassetto" href="#">LINK2</a> <br>
<br>
<a class="cassetto" href="#">LINK3</a> <br>
<br>
<a class="cassetto" href="#">LINK4</a> <br>
<br>
<a class="cassetto" href="#">LINK5</a> <br>
<br>
<a class="cassetto" href="#">LINK6</a> <br>
<br>
</center>
<a href="javascript://" onClick="moveMenu()"><img src="logo.gif" border="0" width="200" height="20"></a></div>
Menu Comparsa Laterale:<STYLE>
#m1 {
BORDER-RIGHT: black 1px solid;
BORDER-TOP: black 1px solid;
FONT: bold 14px/20px times;
BORDER-LEFT: black 1px solid;
COLOR: black;
BORDER-BOTTOM: black 1px solid;
POSITION: absolute;
BACKGROUND-COLOR: white
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript1.2">
var menu = '';
function mostra(m)
{
if (menu!='' && parseInt(menu.left)>-80)
{
if (document.all && menu!=m.style)
menu.left = -81;
if (!document.all && menu!=m)
menu.left = -81;
}
if (window.ritrai) clearInterval(ritrai);
if (document.all) menu = m.style;
else menu = m;
espandi = setInterval("mostram()",5);
}
function nascondi(m)
{
if (window.espandi)
clearInterval(espandi);
if (document.all)
menu = m.style;
else
menu = m;
ritrai = setInterval("nascondim()",5);
}
function mostram()
{
app = parseInt(menu.left);
if (app>-2 && window.espandi)
{
clearInterval(espandi);
}
else
{
app += 10;
menu.left = app;
}
}
function nascondim()
{
app = parseInt(menu.left);
if (app<-80 && window.ritrai)
{
clearInterval(ritrai);
}
else
{
app -=10;
menu.left = app;
}
}
</SCRIPT>
<script language="JavaScript1.2">
<!--
var top = 30;
if (document.all)
{
document.write('<DIV ID="m1" STYLE="top: ' + top + '; left: -81; width: 100" ONMOUSEOVER="mostra(this)" ONMOUSEOUT="nascondi(this)">');
}
else
{
document.write('<LAYER ID="m1" TOP="' + top + '" LEFT="-81" width="100" ONMOUSEOVER="mostra(this)" ONMOUSEOUT="nascondi(this)">');
}
// -->
</script>
<!-- Contenuto del men๠-->
<table border="0" bgcolor="white" cellspacing="0" cellpadding="0" width="100">
<td width="100%" valign="top">
<table width="100%" border="0" cellspacing="1" cellpadding="2" height="150">
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link1</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link2</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link3</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link4</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link5</a></td></tr>
</table>
</td>
<td valign="top"><img src="bordo.gif" border="0" width="20" height="150"></td></tr>
</table>
<!-- Fine del contenuto -->
<script language="JavaScript1.2">
<!--
if (document.all)
{
document.write('</DIV>');
}
else
{
document.write('</LAYER>');
}
// -->
</script>
menu Tendina:
<script language="JavaScript">
var ron="#0C58BA"; // Colore al MouseOver
var roff="#C6DDF9"; // Colore di default
var leftmargin=170; // Distanza dal margine sinistro della pagina
var topmargin=70; // Distanza dal margine superiore della pagina
var largo=125; // Larghezza dei layers, quindi distanza (orizzontale) fra i sottomenu
/*
L'array seguente contiene i testi che verranno visualizzati dal menu.
Nell'esempio (il menu di JsDir) trovate quattro elementi dell'array "voci" corrispondenti alle quattro voci del menu principale.
Il primo elemento degli array e' il nome del menu, gli elementi successivi sono i links contenuti nel singolo menu.
Il tasto "Home" non compare in questo array perche' viene inserito di default come primo elemento
*/
var voci=new Array();
voci[0]=new Array("JavaScript","StaffScripts","UserScripts","FlyScripts","P.O.J.","Newsgroup icly")
voci[1]=new Array("Documenti","F.A.Q & Answers","Tutorials","Lezioni","Risorse e Downloads","Biblioteca","Links");
voci[2]=new Array("About us","Staff","Collaboratori","Contatti","Credits");
voci[3]=new Array("Varie","Servizi Gratuiti","Sondaggi","Hanno detto di noi","Banner","Advertising","Questo menu...");
/*
Questo array contiene invece i links che saranno aperti dalle singole voci dei sottomenu.
Da notare che il primo elemento degli array dev'essere una stringa vuota, infatti corrisponde non ad un link
da aprire, ma al titolo del sottomenu, cioe' al primo elemento dell'array "voci"
*/
var links=new Array();
links[0]=new Array("","#","#","#","#")
links[1]=new Array("","#","#","#","#","#","#")
links[2]=new Array("","#","#","#","#")
links[3]=new Array("","#","#","#","#","#","http://www.jsdir.com")
/*
Ultimo array.
Contiene i testi che saranno visualizzati nella barra di stato del browser quando il mouse e' sopra una voce del menu
Anche in questo caso il primo elemento degli array contiene il testo relativo alla voce principale dei sottomenu
*/
var wst=new Array();
wst[0]=new Array("Risorse JavaScript nel sito","Gli script dello Staff di JsDir - Le schede ti insegnano anche a personalizzarli ed a capirne il funzionamento","Gli Script pubblicati dai nostri visitatori. Contribuisci anche tu alla raccolta, puoi farlo on-line inviando i tuoi lavori che saranno *immediatamente* visibili al nostro pubblico!","Una serie di Wizards per programmare on-line gli scripts per il tuo sito!","Chi l\'ha detto che JavaScript serve solo per far girare delle immagini o controllare i form? Scopri in questa pagina applicazioni inedite (ed insospettabili) di JavaScript","Finalmente un NG che da\' riposte serie a chi ha bisogno di aiuto!!! (-=Gigio 2K=-)");
wst[1]=new Array("Imparare JavaScript","Le Faq di JsDir - Sono piu\' di 400 ed aumentano in continuazione! In quale altro sito trovi tante FAQ?","I tutorials sono dei micro manuali che volta per volta affrontano argomenti di interesse generale","Le lezioni di JavaScript ed un corso introduttivo all\'HTML","Un grande archivio (quasi 35 MegaBytes) di documentazione su JavaScript - Dal sito di Netscape","Una panoramica di libri dedicati a JavaScript","Sono innumerevoli i siti presenti in rete dedicati a JavaScript. Questa raccolta, lungi dall\'essere esaustiva, comprende gia\' molti links, aiutaci nella raccolta segnalandoli allo staff");
wst[2]=new Array("Chi lavora a JsDir","Le persone che lavorano (giorno e notte!) a JsDir","Alcuni amici che saltuariamente (ma non tanto...) contribuiscono alla crescita di JsDir","Per scrivere al WebMaster ed agli altri autori del sito","Amici e siti che ci hanno aiutato nel setup del sito");
wst[3]=new Array("Altri link e servizi","I servizi gratuiti di JsDir, una valida alternativa offerta da JsDir ai WebMasters italiani","Vogliamo conoscere meglio il nostro pubblico. Vota in HomePage il sondaggio del mese, i risultati sono pubblici ed accessibili da questo link","Consentite anche a noi un po\' di autocelebrazione! In questa pagina raccogliamo le recensioni ed i pareri su qeusto sito","Vuoi scambiare un banner con JsDir?","Fra un po' sara' possibile fare promozione tramite JsDir","Il sito in cui è reperibile lo script di questo menu...");
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Fine sezione personalizzabile.
* Le righe che seguono costituiscono il menu vero e proprio.
* La personalizzazione e' consigliata solo a webmaster un po' esperti di JavaScript.
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
var nn=document.layers?true:false,conta=0,last=0;
if (nn)
{
document.write("<LAYER NAME=mtop. position=absolute left=" + leftmargin +
" top="+ topmargin + " width=50 height=15 clip=0,0,50,15 bgColor=" + roff +
" visibility=visible onMouseOver=showdeps(last,false);mroll('mtop.') " +
"onMouseOut=unmroll('mtop.')><A HREF='home.html' CLASS=menuNNb>" +
"<I>Home</I></A></LAYER>");
for (i=0;i<voci.length;i++)
{
var n=i;
document.writeln("<LAYER NAME=mtop" + n + ". position=absolute left=" +
eval(leftmargin+50+largo*i) + " top=" + topmargin + " width=" + largo +
" height=15 clip=0,0," + largo + ",15 bgColor=" + roff +
" visibility=visible onMouseOver=MostraMenu(" + i + ");mroll('mtop" + i +
".');conta++ onMouseOut=last=" + i + ";unmroll('mtop" + i +
".');conta--><DIV ALIGN=center><A HREF=javascript:mroll('mtop" + i +
".') CLASS=menuNNb><I>" + voci[0] + "</I></A></DIV></LAYER>");
for (l=1;l<voci.length;l++)
document.writeln("<LAYER NAME=mdep" + i + "." + l + " position=absolute left=" +
eval(leftmargin+50+largo*i) + " top=" + eval(topmargin+15*l) + " width=" + largo +
" height=15 clip=0,0," + largo + ",15 bgColor=" + roff +
" visibility=hidden onMouseOver=mroll('mdep" + n + "." + l +
"');conta++ onMouseOut=unmroll('mdep" + n + "." + l + "');conta-->" +
" <A HREF=javascript:mroll('mdep" + n + "." + l + "') onClick=vai('"+links[l] +
"'," + i + "," + l + ") CLASS=menuNN>" + voci[l] + "</A></LAYER>");
}
}
else
{
document.write("<DIV ID=mtop. STYLE=\"position:absolute;left:" + leftmargin + ";top:" +
topmargin + ";width:50; height:15;background:" + roff +
";visibility:visible;cursor:hand\" onMouseOver=showdeps(last,false);mroll('mtop.') "+
"onMouseOut=unmroll('mtop.')><A HREF='home.html' CLASS=menuIEb " +
"onFocus=this.blur()><I>Home</I></A></DIV>");
for (i=0;i<voci.length;i++)
{
var n=i;
document.writeln("<DIV ID=mtop" + n + ". STYLE=\"position:absolute;left:" +
eval(leftmargin+50+largo*i) + ";top:" + topmargin + "; width:" + largo +
";height:15;background:" + roff + ";visibility:visible;cursor:hand\" onMouseOver=MostraMenu(" + n +
");mroll('mtop" + n + ".');conta++ onMouseOut=last=" + n +
";unmroll('mtop" + n + ".');conta--><DIV ALIGN=center CLASS=menuIEb>" +
"<I>" + voci[0] + "</I></DIV></DIV>");
for (l=1;l<voci.length;l++)
document.writeln("<DIV ID=mdep" + i + "." + l + " STYLE=\"position:absolute;left:" +
eval(leftmargin+50+largo*i) + ";top:" + eval(topmargin+15*l) + "; width:" + largo +
";height:15;background:" + roff + ";visibility:hidden;cursor:hand\" onMouseOver=;mroll('mdep" + n +
"." + l + "');conta++ onMouseOut=unmroll('mdep" + n + "." + l + "');conta-- " +
"CLASS=menuIE onClick=vai('" + links[l] + "'," + i + "," + l + ")>" + voci[l] + "</DIV>");
}
}
timer=setInterval("NascondiMenu()",1000)
function NascondiMenu()
{
if (conta==0)
{
coloratutti(true)
timer=setTimeout("coloratutti(false)",200);
timer=setTimeout("showdeps(last,false)",250);
}
}
function coloratutti(col)
{
colore=col?ron:roff;
for (i=0;i<voci.length;i++)
for (j=1;j<voci.length;j++)
{
if (nn)
document.layers["mdep"+i+"."+j].bgColor=colore;
else
if(document.all)
document.all["mdep"+i+"."+j].style.background=colore;
else
document.getElementById('mdep'+i+"."+j).style.background=colore;
}
}
function MostraMenu(n)
{
showdeps(last,false);
showdeps(n,true);
last=n;
}
function showdeps(n,act)
{
if (conta==0)
{
act?stat="visible":stat="hidden";
if (nn)
for (i=1;i<voci[n].length;i++)
document.layers["mdep"+n+"."+i].visibility=stat;
else
for (i=1;i<voci[n].length;i++)
if(document.all)
document.all["mdep"+n+"."+i].style.visibility=stat;
else
document.getElementById('mdep'+n+"."+i).style.visibility=stat;
}
}
function vai(dove,r,c)
{
lev=nn?document.layers["mdep"+r+"."+c]
document.all)?document.all["mdep"+r+"."+c].style:document.getElementById("mdep"+r+"."+c).style;
if (nn)
{
lev.bgColor=roff;
timer=setTimeout("lev.bgColor=ron",50)
timer=setTimeout("lev.bgColor=roff",100)
timer=setTimeout("lev.bgColor=ron",150)
timer=setTimeout("lev.bgColor=roff",200)
timer=setTimeout("lev.bgColor=ron",250)
}
else
{
lev.background=roff;
timer=setTimeout("lev.background=ron",50)
timer=setTimeout("lev.background=roff",100)
timer=setTimeout("lev.background=ron",150)
timer=setTimeout("lev.background=roff",200)
timer=setTimeout("lev.background=ron",250)
}
timer=setTimeout("self.location.href='"+dove+"'",350)
}
function mroll(l)
{
nn ? document.layers[l].bgColor=ron : (document.all) ? document.all[l].style.background=ron : document.getElementById(l).style.background=ron;
document.getElementById ? document.getElementById(l).style.cursor=document.all ? 'hand' : 'pointer' : 'void(0)';
if (l.substr(0,4)=="mdep")
stringa=wst[l.substr(4,l.indexOf(".")-4)][l.substring(l.indexOf(".")+1,l.length)];
else if (l.length>5)
stringa=wst[l.substr(4,l.indexOf(".")-4)][0];
else
stringa="Home Page";
window.status=stringa;
timer=setTimeout("window.status=stringa",20);
}
function unmroll(l)
{
nn ? document.layers[l].bgColor=roff : (document.all) ? document.all[l].style.background=roff : document.getElementById(l).style.background=roff;
window.status="";
}
</script>
Menu Posizionabile:
<HTML><HEAD><TITLE>Document Title</TITLE>
<script>
function checkBrowserForVersion4()
{
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4)
setVariables();
}
function setVariables()
{
if (navigator.appName == "Netscape")
{
h=".left=";
v=".top=";
dS="document.";
sD="";
}
else
{
h=".pixelLeft=";
v=".pixelTop=";
dS="";
sD=".style";
}
objectX="object11";
XX=-70;
YY=-70;
OB=11
}
function setObject(a)
{
objectX="object"+a;
OB=a;
XX=eval("xpos"+a);
YY=eval("ypos"+a);
}
function getObject()
{
if (isNav)
document.captureEvents(Event.MOUSEMOVE);
}
function releaseObject()
{
check="no";
objectX="object11";
document.close()
}
function moveOB()
{
eval(dS+objectX+sD+h+Xpos);
eval(dS+objectX+sD+v+Ypos);
}
var isNav = (navigator.appName.indexOf("Netscape") !=-1)
var isIE = (navigator.appName.indexOf("Microsoft") !=-1)
check="no"
function MoveHandler(e)
{
Xpos = (isIE) ? event.clientX : e.pageX
Ypos = (isNav) ? e.pageY : event.clientY
if (check=="no")
{
diffX=XX-Xpos;
diffY=YY-Ypos;
check="yes"
if (objectX=="object11")
check="no"
}
Xpos+=diffX;
Ypos+=diffY
if (OB=="1")
{
xpos1=Xpos;
ypos1=Ypos
}
moveOB();
}
if (isNav)
{
document.captureEvents(Event.CLICK);
document.captureEvents(Event.DBLCLICK);
}
xpos1=50;
ypos1=80;
xpos11=-50;
ypos11=-50;
Xpos=5;
Ypos=5
document.onmousemove = MoveHandler;
document.onclick = getObject;
document.ondblclick = releaseObject;
</script>
</HEAD>
<BODY onload="checkBrowserForVersion4();">
<b>Click on "Moveable Menu" to pick it up<br>
and Double Click to drop it!</b><br>
<div id="object1" style="position:absolute; visibility:show; left:50px; top:80px; z-index:2">
<table border=1 cellpadding=5>
<tr><td bgcolor=eeeeee>
<a href="javascript:void(0)" onmousedown="setObject(1)">Moveable Menu</a>
</td></tr>
<tr><td>
<CENTER><br>
<A HREF="javascript:void(0)">Menu Item # 1</A><br>
<A HREF="javascript:void(0)">Menu Item # 2</a><br>
<A HREF="javascript:void(0)">Menu Item # 3</a>
</CENTER></td></tr>
</table>
</div>
<div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"></div>
</BODY>
</HTML>
>Dragon Ball Che Cazzata -.- TIpo Duro Per Duri >
*Sfido Chi Mi Sfida*<
Menu Da Tasto Destro:
<STYLE>
#ie5menu {
position:absolute;
width:140px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.menuitems {
padding-left:15px;
padding-right:15px;
}
</STYLE>
<SCRIPT>
// Cambia il valore di questa variabile in 1 se vuoi che i link vengano visualizzati sulla status bar
var display_url=0
function showmenuie5()
{
ie5menu.style.left=document.body.scrollLeft+event.clientX
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
return false
}
function hidemenuie5()
{
ie5menu.style.visibility="hidden"
}
function highlightie5()
{
if (event.srcElement.className=="menuitems")
{
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="white"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5()
{
if (event.srcElement.className=="menuitems")
{
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}
function jumptoie5()
{
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>
<!--[if IE]>
<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="#">LINK1</div>
<div class="menuitems" url="#">LINK2</div>
<div class="menuitems" url="#">LINK3</div>
<div class="menuitems" url="#">LINK4</div>
<div class="menuitems" url="#">LINK5</div>
<hr>
<div class="menuitems" url="#">LINK5</div>
</div>
<![endif]-->
<script>
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</script>
Menu A Comparsa Dall'Alto:<style>
A.cassetto:hover {color: blue}
DIV.cassetto {font-family: verdana; font-size:11pt; font-weight:bold}
</style>
<SCRIPT LANGUAGE="JavaScript">
ie=document.all ? 1 : 0
n=document.layers ? 1 : 0
// Setta in pixel la parte visibile del cassetto
lshow=18
// Di quanti pixel vuoi che si sposti il cassetto ad ogni passo?
var move=10;
// Setta la velocità
menuSpeed=40
// Vuoi che il cassetto si sposti insieme allo scroll della pagina?
var moveOnScroll=true
// Adesso non cambiare pi๠niente
var tim;
function makeMenu(obj,nest)
{
nest=(!nest) ? '' : 'document.' + nest + '.'
this.css=(n) ? eval(nest+'document.'+obj) : eval(obj+'.style')
this.state=1
this.go=0
this.height=n ? this.css.document.height : eval(obj+'.offsetHeight')
this.top=b_gettop
this.obj = obj + "Object";
eval(this.obj + "=this")
}
function b_gettop()
{
var gleft=(n) ? eval(this.css.top) : eval(this.css.pixelTop);
return gleft;
}
function moveMenu()
{
if(!oMenu.state)
{
clearTimeout(tim)
mIn()
}
else
{
clearTimeout(tim)
mOut()
}
}
function mIn()
{
if(oMenu.top()>eval(scrolled)-oMenu.height+lshow)
{
oMenu.go=1
oMenu.css.top=oMenu.top()-move
tim=setTimeout("mIn()",menuSpeed)
}
else
{
oMenu.go=0
oMenu.state=1
}
}
function mOut()
{
if(oMenu.top()<eval(scrolled))
{
oMenu.go=1
oMenu.css.top=oMenu.top()+move
tim=setTimeout("mOut()",menuSpeed)
}
else
{
oMenu.go=0
oMenu.state=0
}
}
function checkScrolled()
{
if(!oMenu.go)
oMenu.css.top=(!oMenu.state) ? eval(scrolled) : eval(scrolled)-oMenu.height+lshow
if(n)
setTimeout('checkScrolled()',30)
}
function menuInit()
{
oMenu=new makeMenu('divMenu')
scrolled=n ? "window.pageYOffset" : "document.body.scrollTop"
oMenu.css.top=eval(scrolled)-oMenu.height+lshow
oMenu.css.visibility='visible'
if(moveOnScroll)
ie ? window.onscroll=checkScrolled : checkScrolled();
}
onload = menuInit;
</SCRIPT>
<div class="cassetto" id="divMenu" style="position:absolute; top:0; left:30; height:100; width:200; visibility:hidden; background: url('sfondo.gif')">
<center>
<a class="cassetto" href="#">LINK1</a> <br>
<br>
<a class="cassetto" href="#">LINK2</a> <br>
<br>
<a class="cassetto" href="#">LINK3</a> <br>
<br>
<a class="cassetto" href="#">LINK4</a> <br>
<br>
<a class="cassetto" href="#">LINK5</a> <br>
<br>
<a class="cassetto" href="#">LINK6</a> <br>
<br>
</center>
<a href="javascript://" onClick="moveMenu()"><img src="logo.gif" border="0" width="200" height="20"></a></div>
Menu Comparsa Laterale:<STYLE>
#m1 {
BORDER-RIGHT: black 1px solid;
BORDER-TOP: black 1px solid;
FONT: bold 14px/20px times;
BORDER-LEFT: black 1px solid;
COLOR: black;
BORDER-BOTTOM: black 1px solid;
POSITION: absolute;
BACKGROUND-COLOR: white
}
</STYLE>
<SCRIPT LANGUAGE="JavaScript1.2">
var menu = '';
function mostra(m)
{
if (menu!='' && parseInt(menu.left)>-80)
{
if (document.all && menu!=m.style)
menu.left = -81;
if (!document.all && menu!=m)
menu.left = -81;
}
if (window.ritrai) clearInterval(ritrai);
if (document.all) menu = m.style;
else menu = m;
espandi = setInterval("mostram()",5);
}
function nascondi(m)
{
if (window.espandi)
clearInterval(espandi);
if (document.all)
menu = m.style;
else
menu = m;
ritrai = setInterval("nascondim()",5);
}
function mostram()
{
app = parseInt(menu.left);
if (app>-2 && window.espandi)
{
clearInterval(espandi);
}
else
{
app += 10;
menu.left = app;
}
}
function nascondim()
{
app = parseInt(menu.left);
if (app<-80 && window.ritrai)
{
clearInterval(ritrai);
}
else
{
app -=10;
menu.left = app;
}
}
</SCRIPT>
<script language="JavaScript1.2">
<!--
var top = 30;
if (document.all)
{
document.write('<DIV ID="m1" STYLE="top: ' + top + '; left: -81; width: 100" ONMOUSEOVER="mostra(this)" ONMOUSEOUT="nascondi(this)">');
}
else
{
document.write('<LAYER ID="m1" TOP="' + top + '" LEFT="-81" width="100" ONMOUSEOVER="mostra(this)" ONMOUSEOUT="nascondi(this)">');
}
// -->
</script>
<!-- Contenuto del men๠-->
<table border="0" bgcolor="white" cellspacing="0" cellpadding="0" width="100">
<td width="100%" valign="top">
<table width="100%" border="0" cellspacing="1" cellpadding="2" height="150">
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link1</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link2</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link3</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link4</a></td></tr>
<tr><td bgcolor="#ffffff" height="20%"><a href="#">Link5</a></td></tr>
</table>
</td>
<td valign="top"><img src="bordo.gif" border="0" width="20" height="150"></td></tr>
</table>
<!-- Fine del contenuto -->
<script language="JavaScript1.2">
<!--
if (document.all)
{
document.write('</DIV>');
}
else
{
document.write('</LAYER>');
}
// -->
</script>
menu Tendina:
<script language="JavaScript">
var ron="#0C58BA"; // Colore al MouseOver
var roff="#C6DDF9"; // Colore di default
var leftmargin=170; // Distanza dal margine sinistro della pagina
var topmargin=70; // Distanza dal margine superiore della pagina
var largo=125; // Larghezza dei layers, quindi distanza (orizzontale) fra i sottomenu
/*
L'array seguente contiene i testi che verranno visualizzati dal menu.
Nell'esempio (il menu di JsDir) trovate quattro elementi dell'array "voci" corrispondenti alle quattro voci del menu principale.
Il primo elemento degli array e' il nome del menu, gli elementi successivi sono i links contenuti nel singolo menu.
Il tasto "Home" non compare in questo array perche' viene inserito di default come primo elemento
*/
var voci=new Array();
voci[0]=new Array("JavaScript","StaffScripts","UserScripts","FlyScripts","P.O.J.","Newsgroup icly")
voci[1]=new Array("Documenti","F.A.Q & Answers","Tutorials","Lezioni","Risorse e Downloads","Biblioteca","Links");
voci[2]=new Array("About us","Staff","Collaboratori","Contatti","Credits");
voci[3]=new Array("Varie","Servizi Gratuiti","Sondaggi","Hanno detto di noi","Banner","Advertising","Questo menu...");
/*
Questo array contiene invece i links che saranno aperti dalle singole voci dei sottomenu.
Da notare che il primo elemento degli array dev'essere una stringa vuota, infatti corrisponde non ad un link
da aprire, ma al titolo del sottomenu, cioe' al primo elemento dell'array "voci"
*/
var links=new Array();
links[0]=new Array("","#","#","#","#")
links[1]=new Array("","#","#","#","#","#","#")
links[2]=new Array("","#","#","#","#")
links[3]=new Array("","#","#","#","#","#","http://www.jsdir.com")
/*
Ultimo array.
Contiene i testi che saranno visualizzati nella barra di stato del browser quando il mouse e' sopra una voce del menu
Anche in questo caso il primo elemento degli array contiene il testo relativo alla voce principale dei sottomenu
*/
var wst=new Array();
wst[0]=new Array("Risorse JavaScript nel sito","Gli script dello Staff di JsDir - Le schede ti insegnano anche a personalizzarli ed a capirne il funzionamento","Gli Script pubblicati dai nostri visitatori. Contribuisci anche tu alla raccolta, puoi farlo on-line inviando i tuoi lavori che saranno *immediatamente* visibili al nostro pubblico!","Una serie di Wizards per programmare on-line gli scripts per il tuo sito!","Chi l\'ha detto che JavaScript serve solo per far girare delle immagini o controllare i form? Scopri in questa pagina applicazioni inedite (ed insospettabili) di JavaScript","Finalmente un NG che da\' riposte serie a chi ha bisogno di aiuto!!! (-=Gigio 2K=-)");
wst[1]=new Array("Imparare JavaScript","Le Faq di JsDir - Sono piu\' di 400 ed aumentano in continuazione! In quale altro sito trovi tante FAQ?","I tutorials sono dei micro manuali che volta per volta affrontano argomenti di interesse generale","Le lezioni di JavaScript ed un corso introduttivo all\'HTML","Un grande archivio (quasi 35 MegaBytes) di documentazione su JavaScript - Dal sito di Netscape","Una panoramica di libri dedicati a JavaScript","Sono innumerevoli i siti presenti in rete dedicati a JavaScript. Questa raccolta, lungi dall\'essere esaustiva, comprende gia\' molti links, aiutaci nella raccolta segnalandoli allo staff");
wst[2]=new Array("Chi lavora a JsDir","Le persone che lavorano (giorno e notte!) a JsDir","Alcuni amici che saltuariamente (ma non tanto...) contribuiscono alla crescita di JsDir","Per scrivere al WebMaster ed agli altri autori del sito","Amici e siti che ci hanno aiutato nel setup del sito");
wst[3]=new Array("Altri link e servizi","I servizi gratuiti di JsDir, una valida alternativa offerta da JsDir ai WebMasters italiani","Vogliamo conoscere meglio il nostro pubblico. Vota in HomePage il sondaggio del mese, i risultati sono pubblici ed accessibili da questo link","Consentite anche a noi un po\' di autocelebrazione! In questa pagina raccogliamo le recensioni ed i pareri su qeusto sito","Vuoi scambiare un banner con JsDir?","Fra un po' sara' possibile fare promozione tramite JsDir","Il sito in cui è reperibile lo script di questo menu...");
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Fine sezione personalizzabile.
* Le righe che seguono costituiscono il menu vero e proprio.
* La personalizzazione e' consigliata solo a webmaster un po' esperti di JavaScript.
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
var nn=document.layers?true:false,conta=0,last=0;
if (nn)
{
document.write("<LAYER NAME=mtop. position=absolute left=" + leftmargin +
" top="+ topmargin + " width=50 height=15 clip=0,0,50,15 bgColor=" + roff +
" visibility=visible onMouseOver=showdeps(last,false);mroll('mtop.') " +
"onMouseOut=unmroll('mtop.')><A HREF='home.html' CLASS=menuNNb>" +
"<I>Home</I></A></LAYER>");
for (i=0;i<voci.length;i++)
{
var n=i;
document.writeln("<LAYER NAME=mtop" + n + ". position=absolute left=" +
eval(leftmargin+50+largo*i) + " top=" + topmargin + " width=" + largo +
" height=15 clip=0,0," + largo + ",15 bgColor=" + roff +
" visibility=visible onMouseOver=MostraMenu(" + i + ");mroll('mtop" + i +
".');conta++ onMouseOut=last=" + i + ";unmroll('mtop" + i +
".');conta--><DIV ALIGN=center><A HREF=javascript:mroll('mtop" + i +
".') CLASS=menuNNb><I>" + voci[0] + "</I></A></DIV></LAYER>");
for (l=1;l<voci.length;l++)
document.writeln("<LAYER NAME=mdep" + i + "." + l + " position=absolute left=" +
eval(leftmargin+50+largo*i) + " top=" + eval(topmargin+15*l) + " width=" + largo +
" height=15 clip=0,0," + largo + ",15 bgColor=" + roff +
" visibility=hidden onMouseOver=mroll('mdep" + n + "." + l +
"');conta++ onMouseOut=unmroll('mdep" + n + "." + l + "');conta-->" +
" <A HREF=javascript:mroll('mdep" + n + "." + l + "') onClick=vai('"+links[l] +
"'," + i + "," + l + ") CLASS=menuNN>" + voci[l] + "</A></LAYER>");
}
}
else
{
document.write("<DIV ID=mtop. STYLE=\"position:absolute;left:" + leftmargin + ";top:" +
topmargin + ";width:50; height:15;background:" + roff +
";visibility:visible;cursor:hand\" onMouseOver=showdeps(last,false);mroll('mtop.') "+
"onMouseOut=unmroll('mtop.')><A HREF='home.html' CLASS=menuIEb " +
"onFocus=this.blur()><I>Home</I></A></DIV>");
for (i=0;i<voci.length;i++)
{
var n=i;
document.writeln("<DIV ID=mtop" + n + ". STYLE=\"position:absolute;left:" +
eval(leftmargin+50+largo*i) + ";top:" + topmargin + "; width:" + largo +
";height:15;background:" + roff + ";visibility:visible;cursor:hand\" onMouseOver=MostraMenu(" + n +
");mroll('mtop" + n + ".');conta++ onMouseOut=last=" + n +
";unmroll('mtop" + n + ".');conta--><DIV ALIGN=center CLASS=menuIEb>" +
"<I>" + voci[0] + "</I></DIV></DIV>");
for (l=1;l<voci.length;l++)
document.writeln("<DIV ID=mdep" + i + "." + l + " STYLE=\"position:absolute;left:" +
eval(leftmargin+50+largo*i) + ";top:" + eval(topmargin+15*l) + "; width:" + largo +
";height:15;background:" + roff + ";visibility:hidden;cursor:hand\" onMouseOver=;mroll('mdep" + n +
"." + l + "');conta++ onMouseOut=unmroll('mdep" + n + "." + l + "');conta-- " +
"CLASS=menuIE onClick=vai('" + links[l] + "'," + i + "," + l + ")>" + voci[l] + "</DIV>");
}
}
timer=setInterval("NascondiMenu()",1000)
function NascondiMenu()
{
if (conta==0)
{
coloratutti(true)
timer=setTimeout("coloratutti(false)",200);
timer=setTimeout("showdeps(last,false)",250);
}
}
function coloratutti(col)
{
colore=col?ron:roff;
for (i=0;i<voci.length;i++)
for (j=1;j<voci.length;j++)
{
if (nn)
document.layers["mdep"+i+"."+j].bgColor=colore;
else
if(document.all)
document.all["mdep"+i+"."+j].style.background=colore;
else
document.getElementById('mdep'+i+"."+j).style.background=colore;
}
}
function MostraMenu(n)
{
showdeps(last,false);
showdeps(n,true);
last=n;
}
function showdeps(n,act)
{
if (conta==0)
{
act?stat="visible":stat="hidden";
if (nn)
for (i=1;i<voci[n].length;i++)
document.layers["mdep"+n+"."+i].visibility=stat;
else
for (i=1;i<voci[n].length;i++)
if(document.all)
document.all["mdep"+n+"."+i].style.visibility=stat;
else
document.getElementById('mdep'+n+"."+i).style.visibility=stat;
}
}
function vai(dove,r,c)
{
lev=nn?document.layers["mdep"+r+"."+c]
document.all)?document.all["mdep"+r+"."+c].style:document.getElementById("mdep"+r+"."+c).style;if (nn)
{
lev.bgColor=roff;
timer=setTimeout("lev.bgColor=ron",50)
timer=setTimeout("lev.bgColor=roff",100)
timer=setTimeout("lev.bgColor=ron",150)
timer=setTimeout("lev.bgColor=roff",200)
timer=setTimeout("lev.bgColor=ron",250)
}
else
{
lev.background=roff;
timer=setTimeout("lev.background=ron",50)
timer=setTimeout("lev.background=roff",100)
timer=setTimeout("lev.background=ron",150)
timer=setTimeout("lev.background=roff",200)
timer=setTimeout("lev.background=ron",250)
}
timer=setTimeout("self.location.href='"+dove+"'",350)
}
function mroll(l)
{
nn ? document.layers[l].bgColor=ron : (document.all) ? document.all[l].style.background=ron : document.getElementById(l).style.background=ron;
document.getElementById ? document.getElementById(l).style.cursor=document.all ? 'hand' : 'pointer' : 'void(0)';
if (l.substr(0,4)=="mdep")
stringa=wst[l.substr(4,l.indexOf(".")-4)][l.substring(l.indexOf(".")+1,l.length)];
else if (l.length>5)
stringa=wst[l.substr(4,l.indexOf(".")-4)][0];
else
stringa="Home Page";
window.status=stringa;
timer=setTimeout("window.status=stringa",20);
}
function unmroll(l)
{
nn ? document.layers[l].bgColor=roff : (document.all) ? document.all[l].style.background=roff : document.getElementById(l).style.background=roff;
window.status="";
}
</script>
Menu Posizionabile:
<HTML><HEAD><TITLE>Document Title</TITLE>
<script>
function checkBrowserForVersion4()
{
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4)
setVariables();
}
function setVariables()
{
if (navigator.appName == "Netscape")
{
h=".left=";
v=".top=";
dS="document.";
sD="";
}
else
{
h=".pixelLeft=";
v=".pixelTop=";
dS="";
sD=".style";
}
objectX="object11";
XX=-70;
YY=-70;
OB=11
}
function setObject(a)
{
objectX="object"+a;
OB=a;
XX=eval("xpos"+a);
YY=eval("ypos"+a);
}
function getObject()
{
if (isNav)
document.captureEvents(Event.MOUSEMOVE);
}
function releaseObject()
{
check="no";
objectX="object11";
document.close()
}
function moveOB()
{
eval(dS+objectX+sD+h+Xpos);
eval(dS+objectX+sD+v+Ypos);
}
var isNav = (navigator.appName.indexOf("Netscape") !=-1)
var isIE = (navigator.appName.indexOf("Microsoft") !=-1)
check="no"
function MoveHandler(e)
{
Xpos = (isIE) ? event.clientX : e.pageX
Ypos = (isNav) ? e.pageY : event.clientY
if (check=="no")
{
diffX=XX-Xpos;
diffY=YY-Ypos;
check="yes"
if (objectX=="object11")
check="no"
}
Xpos+=diffX;
Ypos+=diffY
if (OB=="1")
{
xpos1=Xpos;
ypos1=Ypos
}
moveOB();
}
if (isNav)
{
document.captureEvents(Event.CLICK);
document.captureEvents(Event.DBLCLICK);
}
xpos1=50;
ypos1=80;
xpos11=-50;
ypos11=-50;
Xpos=5;
Ypos=5
document.onmousemove = MoveHandler;
document.onclick = getObject;
document.ondblclick = releaseObject;
</script>
</HEAD>
<BODY onload="checkBrowserForVersion4();">
<b>Click on "Moveable Menu" to pick it up<br>
and Double Click to drop it!</b><br>
<div id="object1" style="position:absolute; visibility:show; left:50px; top:80px; z-index:2">
<table border=1 cellpadding=5>
<tr><td bgcolor=eeeeee>
<a href="javascript:void(0)" onmousedown="setObject(1)">Moveable Menu</a>
</td></tr>
<tr><td>
<CENTER><br>
<A HREF="javascript:void(0)">Menu Item # 1</A><br>
<A HREF="javascript:void(0)">Menu Item # 2</a><br>
<A HREF="javascript:void(0)">Menu Item # 3</a>
</CENTER></td></tr>
</table>
</div>
<div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"></div>
</BODY>
</HTML>
>Dragon Ball Che Cazzata -.- TIpo Duro Per Duri >
*Sfido Chi Mi Sfida*<