用户名:  密码:
兄弟在线   

标题:网页固定浮动顶部导航

作者:agui005 来源:http://www.xdlmn.com 时间:2013-03-21

<!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>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title>顶部固定菜单</title>
  <style type="text/css">
  *{ margin:0; padding:0;}
  .nav-wrapper-fixed{ position:fixed; top:0; width:100%;}
  .nav-wrapper-fixed .nav{width:960px; margin:0 auto;}
 .nav-wrapper-fixed .nav li{ float:left; width:100px; margin-right:0px; background:#CCC; text-align:center; height:24px; line-height:24px; list-style:none;}
 </style>

 </head>
 <body style="height:2000px;">


 <div class="nav-wrapper-fixed" id="navFixed" >
     <div class="nav" id="nav">
         <ul>
             <li>菜单一</li>
             <li>菜单二</li>
            <li>菜单三</li>
             <li>菜单四</li>
            <li>菜单五</li>
        </ul>
    </div>
</div>
</body>
</html>



总点击 [2151]   评论  0 查看评论
上一篇:ASP.NET上传图片并生成缩略图
下一篇:jquery ajax json
【关闭窗口】
您可能感兴趣的文章
我要评论
          
评论标题:   可以输入250
 
验证数字: 5 + 5 =
兄弟友情提示
· 请自觉遵守国家有关法律、法规,尊重网上道德。
· 兄弟在线坚决抵制不良言行,违者文责自负。
· 如果文章有版权或其他问题等,请联系我们,我们会尽快处理。
· 文章注名来自网络的旨在传播共享信息,不做其它用途;注名原创的本站支持原创,但不代表同意其观点。
· 兄弟在线拥有管理用户与其文章和评论的一切权利,并有权在网站内转载或引用。
兄弟在线
兄弟热门文章
兄弟推荐文章
兄弟站内搜索

兄弟感兴趣的文章
兄弟最新影视