Script per creare menů a blocchi
a cura della WEBURL Soc. Coop. - Cuneo/Piemonte/Italia
servizio on line dal 2001
info@weburl.it
http://www.dominioweb.org
Registrazione domini internet compresi di spazio web illimitato + utility a 19,17 euro all'anno www.dominioweb.org
Questo script genera un menů formato da blocchi in caduta. Selezionare tutto il codice e
trasferite il tutto nella vostra pagina web, in questo caso fra i tags:
<head> e </head>.
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
// Author: Randy Bennett (rbennett@thezone.net http://home.thezone.net/~rbennett/utility/javahead.htm}
// Courtesy of SimplytheBest.net
(http://simplythebest.net/info/dhtml_scripts.html)
// prelevato su http://web-link.it
<!--
function buildMenu() {
speed=35;
topdistance=10;
items=6;
y=-50;
ob=1;
if (navigator.appName == "Netscape") {
v=".top=",dS="document.",sD="";
}
else {
v=".pixelTop=",dS="",sD=".style";
}
}
function scrollItems() {
if (ob<items+1) {
objectX="object"+ob; y+=10; eval(dS + objectX + sD
+ v + y);
if (y<topdistance)
setTimeout("scrollItems()",speed);
else y=-50, topdistance+=40, ob+=1,
setTimeout("scrollItems()",speed);
}
}
// -->
</SCRIPT>
All'interno dello script ci sono
parametri che potete modificare: speed=35; velocitŕ cadute dei blocchi.
topdistance=10; distanza dal margine superiore delloschermo. items=6; numero
di blocchi o voci che fanno parte del vostro menů
Una volta inserito lo script nella parte head lo si deve richiamare a caricamento pagina avvenuto, quindi inserite questa riga al posto di quella che avete attualmente cioč body:
<body onLoad="buildMenu(), scrollItems();">
Adesso non vi resta che creare i vari blocchi del menů.
<div id="object1"
style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=1 width=100
bordercolor="#000000" bgcolor="#66cc99">
<tr><td><center>
<font size="1" face="MS Sans Serif"
color="#ffffff"><a
href="http://web-link.it">Web-Link</a></font>
</center></td></tr>
</table>
</div>
<div id="object2"
style="position:absolute; visibility:show; left:5px; top:-50px; z-index:2">
<table border=1 width=100
bordercolor="#000000" bgcolor="#66cc99">
<tr><td><center>
<font size="1" face="MS Sans Serif"
color="#ffffff"><a
href="http://web-link.it">Web-Link</a></font>
</center></td></tr>
</table>
</div>