CSS仿淘宝首页导航条布局效果

所属分类：网络编程 / CSS/HTML 阅读数： 1366

收藏 0赞 0分享

以下是CSS内容部分：  以下是引用片段： <div id="info">      <div id="nav">          <ul>              <li id="zishu01"><a href="http://www.xfbbs.com"><span>首页</span></a></li>              <li id="zishu02"><a href="http://www.xfbbs.com"><span>数码通讯</span></a></li>              <li id="zishu03"><a href="http://www.xfbbs.com"><span>女人</span></a></li>              <li id="zishu04"><a href="http://www.xfbbs.com"><span>男人</span></a></li>              <li id="zishu05"><a href="http://www.xfbbs.com"><span>家居</span></a></li>              <li id="zishu06"><a href="http://www.xfbbs.com"><span>书籍音像</span></a></li>              <li id="zishu07"><a href="http://www.xfbbs.com"><span>运动</span></a></li>              <li id="zishu08"><a href="http://www.xfbbs.com"><span>游戏</span></a></li>              <li id="zishu09"><a href="http://www.xfbbs.com"><span>宠物</span></a></li>              <li id="zishu10"><a href="http://www.xfbbs.com"><span>香港街</span></a></li>              <li id="zishu11"><a href="http://www.xfbbs.com"><span>淘宝商城</span></a></li>              <li><div id="new"><img src="uploadfiles0/x200652135342.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>仿淘宝网首页导航条效果 转载请注明出处 子鼠 www.zishu.cn 2006-05-21 凌晨03:05分</p>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

CSS仿淘宝首页导航条布局效果

input文本框样式代码实例

div+css实现自适应宽度按钮

h1标签的使用技巧

base href 使用方法详解

html label标签的使用教程

使用CSS不用程序实现文字自动截断用省略号代替

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法

网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容

CSS图片拼合生成器只需上传zip包即可

用iframe margin实现调用其他网页的某一区域的方法

网络赚钱

站长故事

CSS仿淘宝首页导航条布局效果

input文本框样式代码实例

div+css实现自适应宽度按钮

h1标签的使用技巧

base href 使用方法详解

html label标签的使用教程

使用CSS不用程序实现文字自动截断 用省略号代替

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法

网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容

CSS图片拼合生成器只需上传zip包即可

用iframe margin实现调用其他网页的某一区域的方法

网络赚钱

站长故事

使用CSS不用程序实现文字自动截断用省略号代替