下拉菜单的问题,在线等

CSS+JS··············你现在的差别在哪呢？？？

给你这个参考<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style>
#n {
list-style-type: none;
margin:0;
padding:0;
margin-bottom:5px;
padding-bottom:5px;
width:auto;
} #n a
{
    display: block; text-align:center;
} #n a:link
{
    text-decoration:none;
}
#n a:visited
{
    text-decoration:none;
}
#n a:hover
{
    color:#FFF;text-decoration:none;font-weight:bold;
} #n li
{
    float: left; margin-left:28px;
}
#n ul li a{background:url(http://littlesun.cc//images/default/nav-buttom.gif) no-repeat; height:15px }
#n li a.btn-index{width:27px;background-position:0px 0px; }
#n li a.btn-index:hover{width:27px;background-position:-0px -15px; }
#n li a.btn-about{width:70px;background-position:-59px 0px; }
#n li a.btn-about:hover{width:70px;background-position:-59px -15px;cursor:pointer}
#n li a.btn-news{width:58px;background-position:-160px 0px; }
#n li a.btn-news:hover{width:58px;background-position:-160px -15px; }
#n li a.btn-products{width:58px;background-position:-245px 0px; }
#n li a.btn-products:hover{width:58px;background-position:-245px -15px; }
#n li a.btn-support{width:58px;background-position:-333px 0px; }
#n li a.btn-support:hover{width:58px;background-position:-333px -15px; }
#n li a.btn-jobs{width:58px;background-position:-422px 0px; }
#n li a.btn-jobs:hover{width:58px;background-position:-422px -15px; }
#n li a.btn-sales{width:58px;background-position:-508px 0px; }
#n li a.btn-sales:hover{width:58px;background-position:-508px -15px; }
#n li a.btn-contact{width:58px;background-position:-595px 0px; }
#n li a.btn-contact:hover{width:58px;background-position:-595px -15px; }#n li.sfhover a.btn-about {width:70px;background-position:-59px -15px; }
#n li.sfhover a.btn-news {width:58px;background-position:-160px -15px; }
#n li.sfhover a.btn-products{width:58px;background-position:-245px -15px; }
#n li.sfhover a.btn-support{width:58px;background-position:-333px -15px; }
#n li.sfhover a.btn-jobs{width:58px;background-position:-422px -15px; }
#n li.sfhover a.btn-sales{width:58px;background-position:-508px -15px; }
#n li.sfhover a.btn-contact{width:58px;background-position:-595px -15px; }
#n li ul {
    line-height: 22px;
margin-left:-8px;
padding-top:14px;
list-style-type: none;
text-align:left;
    left: -999em;
width: 92px;
position: absolute;
}
#n li ul li{
float: left;
width: 92px;
background:#FFFFFF;
text-align:left;
padding:0;
margin:0;
border-right: 1px #999999 solid;
border-bottom: 1px #999999 solid;
border-left: 1px #999999 solid;
border-top-style: none;
height:22px;
}
#n li ul li a
{
    text-align:left; padding-left:8px; width:84px;
}#n li ul a{
    display: block; width: 92px;text-align:center;background:none;
} #n li ul a:link  {
    text-decoration:none;
}
#n li ul a:visited  {
    text-decoration:none;
}
#n li ul a:hover  {
    color:#F3F3F3;text-decoration:none;font-weight:normal;
    background:#777777; height:23px;*height:22px;_height:22px;
} #n li:hover ul {
    left: -999em;
}
#n li.sfhover
{

}
#n li.sfhover ul {
    left: auto;
}
#n li.sfhover ul li{
}#content {
    clear: left;
}
  </style>
  <script type="text/javascript">
    function mover(obj) {
        obj.className+=(obj.className.length>0? " ": "") + "sfhover";
        }
function mout(obj) {
        obj.className=obj.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
        }
    </script>
</HEAD> <BODY>
              <div class="main-nav" >
                <div id="n">
                <ul>
<li><a href="/Default.aspx" class="btn-index"></a></li>
<li onmouseover="mover(this);" onmouseout="mout(this);" ><a href="/About/" class="btn-about"></a>
<ul >
<li><a href="/About/Default.aspx">企业简介</a></li>
<li><a href="/About/Glory.aspx">企业荣誉</a></li>
<li><a href="/About/Appearance.aspx">企业风貌</a></li>
<li><a href="/About/Idea.aspx">企业文化</a></li>
</ul>
</li>
<li onmouseover="mover(this);" onmouseout="mout(this);" ><a href="/News/Default.aspx?TypeID=10000000000000000" class="btn-news"></a>
<ul>
<li><a href="/News/Default.aspx?TypeID=10000000000000000">企业新闻</a></li>
<li><a href="/News/Industry.aspx?TypeID=20000000000000000">行业新闻</a></li>
</ul>
</li>
<li onmouseover="mover(this);" onmouseout="mout(this);" ><a href="/Products/" class="btn-products"></a>
<ul>
<li><a href="/Products/Heavy.aspx?TypeID=10111000000000000">重型砂布</a></li>
<li><a href="/Products/SHeavy.aspx?TypeID=10210000000000000">超重型砂布</a></li>
<li><a href="/Products/Pliancy.aspx?TypeID=10309000000000000">柔软布</a></li>
<li><a href="/Products/Sand.aspx?TypeID=10403000000000000">砂纸</a></li>
<li><a href="/Products/Gridding.aspx?TypeID=10501000000000000">网格砂布</a></li>
</ul>
</li><li onmouseover="mover(this);" onmouseout="mout(this);" ><a href="/Technic/" class="btn-support"></a>
<ul>
<li><a href="/Technic/">工艺流程</a></li>
<li><a href="/Technic/Knowledge.aspx?TypeID=30000000000000000">行业知识</a></li>
</ul>
</li>
<li onmouseover="mover(this);" onmouseout="mout(this);" ><a href="/Resource/" class="btn-jobs"></a>
<ul >
<li><a href="/Resource/Default.aspx">人才招聘</a></li>
<li><a href="/Resource/Rejobs.aspx">在线应聘</a></li>
</ul>
</li>
<li onmouseover="mover(this);" onmouseout="mout(this);" ><a href="/Sales/" class="btn-sales"></a>
<ul>
<li><a href="/Sales/Default.aspx">网络销售</a></li>
<li><a href="/Sales/Feedback.aspx">信息反馈</a></li>
<li><a href="/Sales/Map.aspx">地理位置</a></li>
</ul>
</li>
<li onmouseover="mover(this);" onmouseout="mout(this);" ><a href="/Contact/" class="btn-contact"></a>
<ul >
<li><a href="/Contact/Default.aspx">联系我们</a></li>
<li><a href="/Contact/Sitemap.aspx">网站地图</a></li>
</ul>
</li>
</ul>
    </div>
    </div> </BODY>
</HTML>

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default4.aspx.cs" Inherits="Default4" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <link href="style/style.css" type="text/css" rel="stylesheet" />    <script language="JavaScript" src="showtable.js" type="text/javascript"></script></head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:DataList ID="dlmaster" runat="server" RepeatDirection="Horizontal" ShowFooter="False"
                ShowHeader="False" Width="100%" OnItemDataBound="dlmaster_ItemDataBound" DataKeyField="dl_id"
                CellPadding="0">
                <ItemTemplate>
                    <table id="dl<%# DataBinder.Eval(Container,"DataItem.dl_id") %>" border="0" cellpadding="0"
                        cellspacing="0" style="width: 100%; height: 31px; background-image: url(head_bg.gif);
                        text-align: center;">
                        <tr>
                            <td onmouseover="this.className='head_on'"
                                style="width: 98px;" onmousemove="showxl(<%# DataBinder.Eval(Container,"DataItem.dl_id") %>);"   onmouseout="hiddenxl(<%# DataBinder.Eval(Container,"DataItem.dl_id") %>);">
                                <a href='product/?dlid=<%# DataBinder.Eval(Container,"DataItem.dl_id") %>' style="color: #ffffff;">
                                    <%# DataBinder.Eval(Container,"DataItem.dl_name") %>
                                </a>
                            </td>
                        </tr>
                    </table>
                    <div id='xl<%# DataBinder.Eval(Container,"DataItem.dl_id") %>' style="position: absolute;
                        display: none;" onmouseover="this.style.display='block'"  onmouseout="hiddenxl(<%# DataBinder.Eval(Container,"DataItem.dl_id") %>);">
                        <asp:DataList ID="dldetail" runat="server" RepeatDirection="Horizontal" ShowFooter="False"
                            ShowHeader="False" Width="100%" RepeatColumns="1" CellSpacing="0">
                            <ItemTemplate>
                                <table style="background-image: url(images/left_topbg.gif); width:100%;">
                                    <tr>
                                        <td>
                                            <a href='product/?xlid=<%# DataBinder.Eval(Container,"DataItem.xl_id") %>'>
                                                <%# DataBinder.Eval(Container,"DataItem.xl_name") %>
                                            </a>
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                        </asp:DataList>
                    </div>
                </ItemTemplate>
            </asp:DataList>
        </div>
    </form>
</body>
</html>
不知道是不是这个意思？

PS:直接修改的是Default4.aspx，红色标记区域

jun4251591
你好,虽然有一点点小出入,但修改一下就好了,非常感谢,结贴

调试易

下拉菜单的问题,在线等

解决方案 »