Question

没关系，除了我在母版页中使用以下Javascript for DropDown菜单和其他一些页面的脚本是相同的，现在请告诉我哪里有问题

除了我在整个项目中没有使用任何脚本......

<script src="../JsQuery/jquery.js" type="text/javascript"></script>
<script type="text/javascript">


$(function () {
        $('.dropdown').mouseenter(function () {
            $('.sublinks').stop(false, true).hide();

            var submenu = $(this).parent().next();

            submenu.css({
                position: 'absolute',
                top: $(this).offset().top + $(this).height() + 'px',
                left: $(this).offset().left + 'px',
                zIndex: 1000
            });

            submenu.stop().slideDown(300);

            submenu.mouseleave(function () {
                $(this).slideUp(300);
            });
        });
    });
</script>

以下是#MasterNavigationDiv中使用的下拉菜单的css

body {
}


ul
{
  list-style:none;
  padding:0px;
  margin:0px;
  }

ul li
{
    display:inline;
    float:left;
    /*background:#FF0000; */

}

ul li a
{
    color:#FFF;
    margin-right:25px;
    font-weight:bold;
    font-size:12px;
    font-family:verdana;
    text-decoration:none;
    display:block;
    height:25px;
    line-height:25px;
    text-align:center;
    -webkit-border-radius:5px;
  -moz-border-radius:5px;
  /*border: 1px solid #560E00;*/
  }

ul li a:hover
{
    color:#FFFFFF;        
    background-color:Red ;
    font-weight:bold;
    text-decoration:none;
    display:block;
    width:100px;
    text-align:center;
    -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border: 1px solid #000000;


}

ul li.sublinks a
{

  background-color:Black; /*dropdown menu background color change here */
  border-bottom:0px solid #cccccc;
  font-weight:normal;
  text-decoration:none;
  display:block;
  width:130px;
  text-align:center;
  margin-top:auto;

}

ul li.sublinks a:hover
{
  color:#FFFFFF;
   background-color:Red;
  font-weight:normal;
  text-decoration:none;
  display:block;
  width:130px;
  text-align:center;

}

ul li.sublinks
{
    display:none;
}

#MenuNavigation
{
    margin-left: 350px;
        width:  700px;
}

.clear
{
  clear:both;
}

.left
{
  float:left;
}

.right
{
  float:right;
}

和#MasterNavigationDiv的css低于

#MasterNavigation
{
    height:47px;
    /*background-color:Gray ; */
    background-image: url(../images/Auzine2.png); height: 37px; width: 1000px; 
    margin-left:0px;

}

在最后，HTML标记在下面....

<div id="MasterNavigation">    

            <div id="MenuNavigation" >
    <ul>
        <li ><asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Index.aspx">Home</asp:HyperLink></li>

    </ul>
    <ul>
        <li ><a href="History.aspx" class="dropdown">Explore</a></li>

        <li class="sublinks">
            <asp:HyperLink ID="introlink" runat="server" NavigateUrl="something.aspx"> Introduction</asp:HyperLink>
            <asp:HyperLink ID="historylink" runat="server" NavigateUrl="something.aspx">History</asp:HyperLink>
            <asp:HyperLink ID="targetlink" runat="server" NavigateUrl="something.aspx">Target</asp:HyperLink>
            <asp:HyperLink ID="keylink" runat="server" NavigateUrl="something.aspx">Key Member</asp:HyperLink>

        </li>   
    </ul>


</div>
    <br clear="all"/>      





            </div>

现在我发送了与页面，css以及脚本

aspx页面自动向上滚动

0 个答案: