Torna al Thread
<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Hover_menu_orizontal_withoutSubLevel.ascx.vb" Inherits="templates_Hover_menu_orizontal1" %>
<style type="text/css">
.lnk_menuOver_firstItem
{
padding:0px 10px; color:#000; text-decoration:none; font:normal 12px Tahoma ; font-weight:bolder;
}
.lnk_menuOver_firstItem:hover
{
padding:0px 10px; color:#fff; text-decoration:none; font:normal 12px Tahoma ; font-weight:bolder;
}
.lnk_menuOver_firstItem_selected
{
padding:0px 10px; color:#fff; text-decoration:none; font:normal 12px Tahoma ; font-weight:bolder;
}
#table_menuHover_main td:Hover
{
background-color:#22359d; cursor:pointer;
}
.lnk_menu_hover
{
padding:0px 10px; color:#000; text-decoration:none; font:normal 12px Tahoma ; font-weight:bolder;
}
.lnk_menu_hover:hover
{
padding:0px 10px; color:#fff; text-decoration:none; font:normal 12px Tahoma ; font-weight:bolder;
}
.lnk_menu_hover_td_hover
{
padding:0px 10px; color:#fff; text-decoration:none; font:normal 12px Tahoma ; font-weight:bolder;
}
.lnk_menu_hover2
{
padding:0px 10px; color:#fff; text-decoration:none; font:normal 12px Tahoma ; font-weight:bolder;
}
.lnk_menu_hover2:hover
{
padding:0px 10px; color:#ccff33; text-decoration:none; font:normal 12px Tahoma ; font-weight:bolder;
}
</style>
<script type="text/javascript" language="javascript" >
function display(div_on, div_neutro, div_off1,div_off2,div_off3,div_off4, lnk_butt, td)
{
document.getElementById(div_on).style.display="inline";
document.getElementById(div_neutro).style.display="none";
document.getElementById(div_off1).style.display="none";
document.getElementById(div_off2).style.display="none";
document.getElementById(div_off3).style.display="none";
document.getElementById(div_off4).style.display="none";
document.getElementById('td1').style.backgroundColor="#ccff33";
document.getElementById('td2').style.backgroundColor="#ccff33";
document.getElementById('td3').style.backgroundColor="#ccff33";
document.getElementById('td4').style.backgroundColor="#ccff33";
document.getElementById('td5').style.backgroundColor="#ccff33";
document.getElementById('td6').style.backgroundColor="#ccff33";
document.getElementById(td).style.backgroundColor="#22359d";
document.getElementById('Lnk_home').className="lnk_menu_hover";
document.getElementById('a1').className="lnk_menu_hover";
document.getElementById('a2').className="lnk_menu_hover";
document.getElementById('a3').className="lnk_menu_hover";
document.getElementById('a4').className="lnk_menu_hover";
document.getElementById('a5').className="lnk_menu_hover";
document.getElementById(lnk_butt).className="lnk_menu_hover_td_hover";
}
function style_onmouseOut(lnk_butt)
{
document.getElementById(lnk_butt).className="lnk_menu_hover_td_hover";
}
</script>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<table id="table_menuHover_main" cellpadding="0" cellspacing="0" border="0" width="425px;" style="text-align:center; ">
<tr style="background-color:#ccff33; height:29px;">
<td id="td1" onmouseover="display('div_neutro', 'div1', 'div2','div3','div4','div5','Lnk_home', 'td1')" onmouseout="style_onmouseOut('Lnk_home')"><a id="Lnk_home" runat="server" class="lnk_menuOver_firstItem">Home</a></td>
<td id="td2" onmouseover="display('div1', 'div_neutro', 'div2','div3','div4','div5','a1','td2')" onmouseout="style_onmouseOut('a1')"><a id="a1" href="#" class="lnk_menu_hover">prova</a></td>
<td id="td3" onmouseover="display('div2', 'div_neutro', 'div1','div3','div4','div5','a2','td3')" onmouseout="style_onmouseOut('a2')"><a id="a2" href="#" class="lnk_menu_hover">profilo</a></td>
<td id="td4" onmouseover="display('div3', 'div_neutro', 'div2','div1','div4','div5','a3','td4')" onmouseout="style_onmouseOut('a3')"><a id="a3" href="#" class="lnk_menu_hover">dove siamo</a></td>
<td id="td5" onmouseover="display('div4', 'div_neutro', 'div1','div2','div3','div5','a4','td5')" onmouseout="style_onmouseOut('a4')"><a id="a4" href="#" class="lnk_menu_hover">Prodotti</a></td>
<td id="td6" onmouseover="display('div5', 'div_neutro', 'div1','div3','div4','div2','a5','td6')" onmouseout="style_onmouseOut('a5')"><a id="a5" href="#" class="lnk_menu_hover">Contatti</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table id="table2" style="background-color:#22359d;" width="425px;" cellpadding="0" cellspacing="0" border="0">
<tr id="tr2" style="width:500px; "><td>
<div id="div_neutro" runat="server" style=" height:22px; margin-top:6px;" >
<div id="div_neutro_suv" style=" height:22px; width:425px; margin-top:6px;"></div>
</div>
<div id="div1" runat="server" style=" height:22px; display:none;" >
<div id="d1" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton36" CssClass="lnk_menu_hover2" runat="server">1sub1</asp:LinkButton></div>
<div id="d2" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton37" CssClass="lnk_menu_hover2" runat="server">1sub2</asp:LinkButton></div>
<div id="d3" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton38" CssClass="lnk_menu_hover2" runat="server">1sub3</asp:LinkButton></div>
<div id="d4" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton39" CssClass="lnk_menu_hover2" runat="server">1sub4</asp:LinkButton></div>
<div id="d5" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton40" CssClass="lnk_menu_hover2" runat="server">1sub5</asp:LinkButton></div>
</div>
<div id="div2" runat="server" style=" height:22px; display:none;" >
<div id="d6" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton41" CssClass="lnk_menu_hover2" runat="server">2sub1</asp:LinkButton></div>
<div id="d7" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton42" CssClass="lnk_menu_hover2" runat="server">2sub2</asp:LinkButton></div>
<div id="d8" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton43" CssClass="lnk_menu_hover2" runat="server">2sub3</asp:LinkButton></div>
<div id="d9" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton44" CssClass="lnk_menu_hover2" runat="server">2sub4</asp:LinkButton></div>
<div id="d10" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton45" CssClass="lnk_menu_hover2" runat="server">2sub5</asp:LinkButton></div>
</div>
<div id="div3" runat="server" style=" height:22px; display:none; " >
<div id="d11" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton46" CssClass="lnk_menu_hover2" runat="server">3sub1</asp:LinkButton></div>
<div id="d12" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton47" CssClass="lnk_menu_hover2" runat="server">3sub2</asp:LinkButton></div>
<div id="d13" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton48" CssClass="lnk_menu_hover2" runat="server">3sub3</asp:LinkButton></div>
<div id="d14" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton49" CssClass="lnk_menu_hover2" runat="server">3sub4</asp:LinkButton></div>
<div id="d15" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton50" CssClass="lnk_menu_hover2" runat="server">3sub5</asp:LinkButton></div>
</div>
<div id="div4" runat="server" style=" height:22px; display:none;" >
<div id="d16" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton51" CssClass="lnk_menu_hover2" runat="server">4sub1</asp:LinkButton></div>
<div id="d17" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton52" CssClass="lnk_menu_hover2" runat="server">4sub2</asp:LinkButton></div>
<div id="d18" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton53" CssClass="lnk_menu_hover2" runat="server">4sub3</asp:LinkButton></div>
<div id="d19" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton54" CssClass="lnk_menu_hover2" runat="server">4sub4</asp:LinkButton></div>
<div id="d20" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton55" CssClass="lnk_menu_hover2" runat="server">4sub5</asp:LinkButton></div>
</div>
<div id="div5" runat="server" style=" height:22px; display:none;" >
<div id="d21" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton56" CssClass="lnk_menu_hover2" runat="server">5sub1</asp:LinkButton></div>
<div id="d22" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton27" CssClass="lnk_menu_hover2" runat="server">5sub2</asp:LinkButton></div>
<div id="d23" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton28" CssClass="lnk_menu_hover2" runat="server">5sub3</asp:LinkButton></div>
<div id="d24" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton29" CssClass="lnk_menu_hover2" runat="server">5sub4</asp:LinkButton></div>
<div id="d25" style="color:#fff; height:22px; width:80px; float:left; margin-top:6px;"><asp:LinkButton ID="LinkButton30" CssClass="lnk_menu_hover2" runat="server">5sub5</asp:LinkButton></div>
</div>
</td></tr>
</table>
</td>
</tr>
</table>