0

I have asp.net menu likes ,

  <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false"
                IncludeStyleBlock="false" Orientation="Horizontal">
                <Items>
                    <asp:MenuItem NavigateUrl="~/Home.aspx" Text="Home" />
                    <asp:MenuItem NavigateUrl="~/About.aspx" Text="About" />
                </Items>
            </asp:Menu>

And here is my CSS code ,

div.menu ul li a, div.menu ul li a:visited
{
border: 1px #4e667d solid;
color: #666666;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
font-family: Miriam;
background-color: #F9F9F9;
 }

 div.menu ul li a:hover
{
background-color: #CCCCFF;
color: #FF6600;
}

I've read this answer and I've add this code to my page . 

$('#header #menu li a').hover(function () {
$(this).fadeOut(0).addClass('hover').fadeIn(300);
},
function () {
$(this).fadeOut(300)
.queue(function(){ $(this).removeClass('hover').fadeIn(0).dequeue() });
});

But the (fade in/out) effect doesn't work for me , what I am wrong in my code ?

4

1 回答 1

0 
//Source:

..<body>
<form id="f1" runat="server">
<div id="fadediv" style="display:none">
...
</div>
</form>
</body>


//jquery:

<script type="text/javascript">
 $(document).ready(function () {
        $('#fadediv').fadeIn(2000);
    });
</script>
于 2013-05-14T07:23:53.953 回答