Dhtml - Menù fisso superiore

DOWNLOAD	GUIDE	SCRIPTING	SERVIZI	COMMUNITY
Macromedia Dreamweaver Ws-FTP 32	Guida all'HTML Guida ai CSS Guida all'XML	JavaScripts Applets Java	Sondaggi Valuta il sito Tool	Forum Chat

Menù fisso superiore

Un evidente esempio del livello tecnologico raggiunto da MsIe 5.
Il tutto si ottiene con un codice semplice ed intuitivo.

il codice da inserire nella tua pagina

<style> A:hover{color:red} #divBg{position:absolute; top:0; left:0; visibility:hidden; height:50} DIV.clSub{position:relative; top:-5; font-family:arial,helvetica; font-size:12px; padding:10px; visibility:hidden; background-color:Silver; layer-background-color:Silver} </style> </head> <body bgcolor="White">  <script type="text/javascript" src="https://i5.plug.it/cmp/iub_conf_libero.js"></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/tcf/stub-v2.js"></script> <script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>   <script src='https://i5.plug.it/cmp/qciol.min.js' async="true"></script>  <script src="//barra-spazio.libero.it/x/js/barra_n04_siti.js?ver=1" type="text/javascript" language="Javascript"></script> <script language="Javascript" type="text/javascript" src="//digistatic.libero.it/css/header_8_3_04/js/hf.js"></script> <script language="JavaScript" type="text/javascript" src="//digistatic.libero.it/css/header_8_3_04/js/clickserver.js"></script> <script language="Javascript" type="text/javascript"> Libero.Stash.HF = { version: '8.3.04', cksrv: { a: 'HF8.3.04', b: 'digilander' } }; </script>   <style> #lh_header #lh_area02a{ position:relative; overflow: visible; height: 30px; } #lh_header #lh_area02b{ z-index: -1; } #lh_header #lh_area02a .lh_pos { position: absolute; margin-bottom: 0; } #lh_header #lh_area02a .lh_on { } #lh_header .lh_finput_area input { height: 27px; padding-top: 0; padding-bottom: 0; line-height: 27px !important; font-size: 15px !important; } #lh_altro{ position: relative !important; } #lh_header_top .lh_popup { } #lf_footer .lf_finput_area input { font-size: 12px !important; line-height: 25px !important; vertical-align: middle; padding: 0 !important; margin: 0 !important; } </style>   <style> #l_header_topbar,#l_header_fixed_topbar_placeholder{height:98px} </style>  <div id="l_header_fixed_topbar_placeholder"></div> <script language="javascript" type="text/javascript">  </script> <script language="javascript" type="text/javascript">  </script>   <link rel="preconnect" href="https://tags.crwdcntrl.net"> <link rel="preconnect" href="https://bcp.crwdcntrl.net"> <link rel="dns-prefetch" href="https://tags.crwdcntrl.net"> <link rel="dns-prefetch" href="https://bcp.crwdcntrl.net"> <script type='text/javascript' src='https://www.iolam.it/js/iam2.0.js?ns=libero/web/community/siti/1.2' async></script>  <div id="ad72890top" align="center"></div>  <script language="JavaScript1.2"> /******************************************************************************** Copyright (C) 1999 Thomas Brattli This script is made by and copyrighted to Thomas Brattli at www.bratta.com Visit for more great scripts. This may be used freely as long as this msg is intact! ******************************************************************************** Browsercheck:*/ ie=document.all?1:0 n=document.layers?1:0 //Do you want it to move with the page if the user scroll the page? var moveOnScroll=true //Do you want to hide all the other submenus when you click a new? var hideAll=true /******************************************************************************** If you want to change the appearans on the text, or background or anything do that in the style tag above, or in the table tag below. NOTE: This menu have some "small" bugs. In Netscape the links in the submenus will work even though the submenus are hidden, this has something to do with a lousy implementation of the relative positioning in Netscape. In IE links "underneath" the submenus will not work even though the submenus are hidden. I will look into this and might find a fix for it. ********************************************************************************/ /******************************************************************************** Object constructor ********************************************************************************/ function makeMenuBar(obj,nest,vis){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval(obj+'.style') this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis if(ie && vis) this.css.visibility='hidden' 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") } //Get's the top position. function b_gettop(){ var gleft=(n) ? eval(this.css.top):eval(this.css.pixelTop); return gleft; } //The functions for showing and hiding function b_showIt(){ this.css.visibility="visible" } function b_hideIt(){ this.css.visibility="hidden" } function b_vis(){ if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true; } /******************************************************************************** Checking if the page is scrolled, if it is move the menu after ********************************************************************************/ function checkScrolled(){ if(!oMenu.go)oMenu.css.top=(!oMenu.state)?eval(scrolled):eval(scrolled) if(n) setTimeout('checkScrolled()',30) } /******************************************************************************** Inits the page, makes the menu object, moves it to the right place, show it.. ********************************************************************************/ function menuBarInit(){ oSub=new Array() //Change it here if you want more or less submenus. oSub[0]=new makeMenuBar('divSub0','divBg',1) oSub[1]=new makeMenuBar('divSub1','divBg',1) oSub[2]=new makeMenuBar('divSub2','divBg',1) oSub[3]=new makeMenuBar('divSub3','divBg',1) oSub[4]=new makeMenuBar('divSub4','divBg',1) //Moving menuBar oMenu=new makeMenuBar('divBg') scrolled=n?"window.pageYOffset":"document.body.scrollTop" oMenu.css.top=eval(scrolled) oMenu.css.visibility='visible' if(moveOnScroll) ie?window.onscroll=checkScrolled:checkScrolled(); } /******************************************************************************** Shows and hides the submenus ********************************************************************************/ function extract(num){ if(hideAll){ for(i=0;i<oSub.length;i++){ if(num!=i) oSub[i].hideIt() } } !oSub[num].vis()?oSub[num].hideIt():oSub[num].showIt(); } onload=menuBarInit; </script> <div id="divBg"> <table width="102%" border="0" cellspacing="0" cellpadding="5" align="CENTER" valign="MIDDLE"> <tr bgcolor="#C0C0C0"> <td height="30"><a href="#" onclick="extract(0); return false">DOWNLOAD</a></td> <td><a href="#" onclick="extract(1); return false">GUIDE</a></td> <td><a href="#" onclick="extract(2); return false">SCRIPTING</a></td> <td><a href="#" onclick="extract(3); return false">SERVIZI</a></td> <td><a href="#" onclick="extract(4); return false">COMMUNITY</a></td> </tr>  <tr> <td valign="TOP"> <div id="divSub0" class="clSub"> <a href="http://www.macromedia.com/it/software/dreamweaver/">Macromedia Dreamweaver</a> <br> <a href="file:///C:/Documents%20and%20Settings/Lorenzo/Desktop/Prova/Sito/Download/Ws%20Ftp%2032.zip">Ws-FTP 32</a> </div> </td> <td valign="TOP"> <div id="divSub1" class="clSub"> <a href="file:///C:/Documents%20and%20Settings/Lorenzo/Desktop/Prova/Sito/Collegamenti/html.htm">Guida all'HTML</a> <br> <a href="file:///C:/Documents%20and%20Settings/Lorenzo/Desktop/Prova/Sito/Download/Guida%20CSS.zip">Guida ai CSS</a><br> <a href="file:///C:/Documents%20and%20Settings/Lorenzo/Desktop/Prova/Sito/Download/xml.zip">Guida all'XML</a> </div> </td> <td valign="TOP"> <div id="divSub2" class="clSub"> <a href="file:///C:/Documents%20and%20Settings/Lorenzo/Desktop/Prova/Sito/scripts.htm">JavaScripts</a> <br> <a href="file:///C:/Documents%20and%20Settings/Lorenzo/Desktop/Prova/Sito/applets.htm">Applets Java</a> </div> </td> <td valign="TOP"> <div id="divSub3" class="clSub"> <a href="file:///C:/Documents%20and%20Settings/Lorenzo/Desktop/Prova/Sito/sondaggio.htm">Sondaggi</a> <br> <a href="file:///C:/Documents%20and%20Settings/Lorenzo/Desktop/Prova/Sito/valuta.htm">Valuta il sito</a><br> <a href="file:///C:/Documents%20and%20Settings/Lorenzo/Desktop/Prova/Sito/tool.htm">Tool</a> </div> </td> <td valign="TOP"> <div id="divSub4" class="clSub"> <a href="http://www.freeforumzone.com/viewforum.aspx?f=9112">Forum</a> <br> <a href="http://www.freeforumzone.com/viewChat.aspx?f=9112">Chat</a> </div> </td> </tr> </table> </div>  <div id="ad72890bottom" align="center"></div>  <SCRIPT LANGUAGE="Javascript">  </SCRIPT> <SCRIPT LANGUAGE="Javascript" SRC="http://digilander.libero.it/_ad/digi_ad_13.js"> </SCRIPT>  <script> if(window.location === window.parent.location){ // Static Queue Snippet ! function(t, n) { t[n] = t[n] || { nlsQ: function(e, o, c, r, s, i) { return s = t.document, r = s.createElement("script"), r.async = 1, r.src = ("http:" === t.location.protocol ? "http:" : "https:") + "//cdn-gl.imrworldwide.com/conf/" + e + ".js#name=" + o + "&ns=" + n, i = s.getElementsByTagName("script")[0], i.parentNode.insertBefore(r, i), t[n][o] = t[n][o] || { g: c || {}, ggPM: function(e, c, r, s, i) { (t[n][o].q = t[n][o].q || []).push([e, c, r, s, i]) } }, t[n][o]}}} (window, "NOLBUNDLE"); // SDK Initialization var nSdkInstance = NOLBUNDLE.nlsQ("P1504C48C-9D0B-4ADE-B7CD-04AF56A52362", "nlsnInstance"); // Content Metadata var nielsenMetadata = { type: 'static', assetid: ( location.hostname + location.pathname + location.search ).replace( /([^\w]|_)+/g, '-' ).replace( /^-+|-+$/g, '' ) || 'homepage', section: 'LiberoCommunity_BRW' }; // Event 'staticstart' Call nSdkInstance.ggPM("staticstart", nielsenMetadata); } </script>   <script type="text/javascript"> if ( rs_DLRERR == 1 ) { var libero_comscore_error = 404; } </script> <script type="text/javascript"> document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js'%3E%3C/script%3E")); </script> <script type="text/javascript"> if (rs_DLR) { document.write(unescape("%3Cscript id='libero_tracking_js_site' src='http://digistatic.libero.it/js/comscore_8_3_04/comscore_digilander.libero.it.js'%3E%3C/script%3E")); document.write(unescape("%3Cscript id='libero_tracking_js_site' src='http://digistatic.libero.it/js/comscore_8_3_04/comscore_engine.js'%3E%3C/script%3E")); } </script> <noscript> <img src="http://b.scorecardresearch.com/p?c1=2&c2=13259779&cj=1&name=libero.others&ns_site=libero" /> </noscript>   <script src="//i.plug.it/iplug/js/lib/iol/analytics/data/digilander-libero-it/tracking_digilander-libero-it.min.js"></script> <script src="//i.plug.it/iplug/js/lib/iol/analytics/engine/IOL.Analytics.Tracking.min.js"></script> <script type="text/javascript"> var iat = new IOL.Analytics.Tracking.Engine(); iat.send(); </script> <noscript><img src="//italiaonline01.wt-eu02.net/215973748390194/wt.pl?p=315,libero.web.share.digiland.siti.digilander&cg1=libero&cg2=web&cg3=share&cg4=digiland&cg5=siti&cg6=digilander&cg7=libero.web.share.digiland.siti.digilander" height="1" width="1" alt=""></noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-9K5Y6YYGV4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9K5Y6YYGV4'); </script>  <div id="adinterstitial"></div> </body>

E' vietata la riproduzione anche solo parziale di immagini, icone, layout e contenuti senza previa autorizzazione.
I marchi, i loghi e i prodotti citati sono dei legittimi proprietari.