27、仿淘宝导航布局效果

27、仿淘宝导航布局效果

<div id="info">

       <div id="nav">

              <ul>

                     <li id="zishu01"><a href="http://7stk.com"><span>首页</span></a></li>

                     <li id="zishu02"><a href="http://7stk.com"><span>数码通讯</span></a></li>

                     <li id="zishu03"><a href="http://7stk.com"><span>女人</span></a></li>

                     <li id="zishu04"><a href="http://7stk.com"><span>男人</span></a></li>

                     <li id="zishu05"><a href="http://7stk.com"><span>家居</span></a></li>

                     <li id="zishu06"><a href="http://7stk.com"><span>书籍音像</span></a></li>

                     <li id="zishu07"><a href="http://7stk.com"><span>运动</span></a></li>

                     <li id="zishu08"><a href="http://7stk.com"><span>游戏</span></a></li>

                     <li id="zishu09"><a href="http://7stk.com"><span>宠物</span></a></li>

                     <li id="zishu10"><a href="http://7stk.com"><span>香港街</span></a></li>

                     <li id="zishu11"><a href="http://7stk.com"><span>淘宝商城</span></a></li>

                     <li>

                     <div id="new">

                            <img src="http://7stk.com/Uploadfile/200661115947970.GIF" alt="新加栏目" /></div>

                     </li>

              </ul>

       </div>

       <div id="menu">

              <div id="r1">

              </div>

              <div id="r2">

              </div>

              <div id="r3">

              </div>

              <div>

              </div>

       </div>

</div>

<p>仿淘宝网首页导航条效果 转载请注明出处 子鼠</p>

Write a comment

Comments: 2
  • #1

    csr04 (Tuesday, 01 September 2009 13:49)

    测试一下先

  • #2

    csr04 (Friday, 20 November 2009 20:10)

    CsrCode-网页特效代码收集丨seo优化|www.csrcode.cn