<ul id="linkTab">
<li id="listCall" runat="server">
<asp:LinkButton ID="LinkButtonCallHistory" CssClass="linkButtonTab" runat="server"
Font-Underline="False" ForeColor="White" Font-Bold="True" Font-Size="Large">Call History</asp:LinkButton></li>
<li id="listBooking" runat="server">
<asp:LinkButton ID="LinkButtonBookings" runat="server" CssClass="linkButtonTab" Font-Underline="False"
ForeColor="White" Font-Bold="True" Font-Size="Large">Bookings</asp:LinkButton></li>
<li id="listVoicemail" runat="server">
<asp:LinkButton ID="LinkButtonVoicemals" runat="server" CssClass="linkButtonTab"
Font-Underline="False" ForeColor="White" Font-Bold="True" Font-Size="Large">Voicemails</asp:LinkButton></li>
<li id="listDirectory" runat="server">
<asp:LinkButton ID="LinkButtonDirectory" runat="server" CssClass="linkButtonTab"
Font-Underline="False" ForeColor="White" Font-Bold="True" Font-Size="Large">Directory</asp:LinkButton></li>
</ul>
$(document).ready(function () {
$('#listCall, #listDirectory, #listVoicemail,#listBooking').mouseover(function () {
$(this).css("background-color", "darkgray");
});
});
$(document).ready(function () {
$('#listCall, #listDirectory, #listVoicemail,#listBooking').mouseout(function () {
$(this).css("background-color", "gray");
});
});
Protected Sub LinkButtonBookings_Click(sender As Object, e As EventArgs)
listCall.Style.Add("background-color", "gray")
listBooking.Style.Add("background-color", "darkgrey")
listVoicemail.Style.Add("background-color", "gray")
listDirectory.Style.Add("background-color", "gray")
End Sub
When i mouse over the active list the color changes to darkgray and on mouseout the color goes o inactive color gray
how to prevent mouseoverandmouseout for active list item with server controls
