淘宝网顶部导航菜单

<!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>
<link href="css教程.css"rel=stylesheet>
<script src="taobao.js"></script>
</head>
<body style="text-align:center">
<div id=page>
        <div class="chl-poster simple" id=header>
                <div id=site-nav>
                        <ul class=quick-menu>
                          <li class=home><a href="#">淘宝网首页</a> </li>
                          <li><a href="#">我要买</a></li>
                          <li class="mytaobao menu-item">
                                  <div class=menu>
                                          <a class=menu-hd href="#" target=_top rel=nofollow>我的淘宝<b></b></a>
                                          <div class=menu-bd>
                                                  <div class=menu-bd-panel>
                                                          <div>
                                                                  <a href="#" rel=nofollow>已买到的宝贝</a>
                                                                  <a href="#" rel=nofollow>已卖出的宝贝</a>
                                                          </div>
                                                  </div>
                                                  <s class=r></s><s class=rt></s><s class=lt></s><s class=b></s><s class="b b2"></s><s class=rb></s><s class=lb></s>
                                          </div>
                                  </div>
                          </li>
                          <li class=cart><a href="#" rel=nofollow><s></s>购物车 </a></li>
                          <li class=favorite><a href="#" rel=nofollow>收藏夹</a></li>
                          <li class="search menu-item">
                                  <div class=menu><span class=menu-hd><s></s>搜索<b></b></span>
                                          <div class=menu-bd>
                                                  <div class=menu-bd-panel>
                                                          <form name=tops教程earch action=http://s.taobao.com/search?ssid=s0><input
                                                          maxlength=60 name=q><button type=submit>搜 索</button> <input type=hidden
                                                          value=newsearch name=shopf> </form>
                                                  </div>
                                          <s class=r></s><s class=rt></s><s class=lt></s><s class=b></s><s class="b b2"></s><s class=rb></s><s class=lb></s>
                                          </div>
                                  </div>
                          </li>
                          <li class="services menu-item last">
                                  <div class=menu>
                                          <a class=menu-hd href="#" target=_top>网站导航<b></b></a>
                                          <div class=menu-bd style="width: 210px; height: 262px; _width: 202px">
                                                  <div class=menu-bd-panel>
                                                          <dl>
                                                                <dt><a href="http://www.111cn.net">购物</a>
                                                                <dd>
                                                                                <a href="#">商城</a>
                                                                                <a href="#">电器城</a>
                                                                                <a href="#">嗨淘</a>
                                                                                <a href="#">全球购</a>
                                                                                <a href="#">跳蚤街</a>
                                                                                <a href="#">礼物</a>
                                                                                <a href="#">促销</a>
                                                                                <a href="#">机票</a>
                                                                                <a href="#">彩票</a>
                                                                                <a href="#">创意</a>
                                                                </dd>
                                                        </dl>
                                                          <dl>
                                                                <dt><a href="http://www.111cn.net">门户</a>
                                                                <dd><a href="http://www.111cn.net">服饰</a> <a href="#">女人</a> <a href="#">美容</a> <a href="#">居家</a> <a href="#">男人</a> <a href="#">数码</a> <a href="#">亲子</a> <a href="#">时尚</a> <a href="#">试用</a> <a href="#">心得</a> <a href="#">帮派</a> <a href="#">画报</a> <a href="#">淘女郎</a> <a href="#">社区</a> <a href="#">宝贝传奇</a>
                                                                </dd>
                                                        </dl>
                                                          <dl>
                                                                <dt><a href="http://www.111cn.net">淘江湖</a> &nbsp;<a href="#">手机淘宝</a> </dt></dl>
                                                          <dl>
                                                                <dt><a href="http://www.111cn.net">帮助中心</a>
                                                                <dd><a href="http://www.111cn.net">交易安全</a> <a href="#">维权中心</a> </dd></dl>
                                                          <dl class=last>
                                                                <dd><strong style="font-weight: bold"><a href="http://www.111cn.net/">更多内容</a></strong></dd>
                                                          </dl>
                                                  </div>
                                                  <s class=r></s><s class=rt></s><s class=lt></s><s class=b style="width: 169px"></s><s class="b b2" style="width: 169px"></s><s class=rb></s><s class=lb></s>
                                          </div>
                                  </div>
                          </li>
                    </ul>
                </div>
        </div>
</div>
<script type=text/网页特效>
        tb.header.init();
</script>
</body>
</html>

源码下载地址

http://down.111cn.net/js/2010/0904/20627.html

时间: 2024-08-22 15:07:48

淘宝网顶部导航菜单的相关文章

天猫超市不再低调 进入淘宝网首页导航

[http://www.aliyun.com/zixun/aggregation/32866.html">亿邦动力网讯]10月10日消息,淘宝网的导航栏近日新增了天猫超市的入口,但目前只有在天猫超市开通的城市才能看到. 此次淘宝网将天猫超市入口正式放入导航类目,证明天猫超市将成为核心项目.天猫超市自上线以来,一直保持低调,还是引来众多争议,一度曾被关闭. 目前将重心放在上海的天猫超市的运营模式和同样是一站式购物的1号店网上超市十分类似.两者必然形成一定的竞争局面.天猫超市背靠天猫超市和淘宝

原生JS实现仿淘宝网左侧商品分类菜单效果代码_javascript技巧

本文实例讲述了原生JS实现仿淘宝网左侧商品分类菜单效果代码.分享给大家供大家参考.具体如下: 这是一款原生JS实现的仿淘宝网左侧商品分类菜单效果代码,JavaScript技术实现,兼容各主流浏览器.自己再修改一下CSS菜单,它会变得更漂亮. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-taobao-pro-menu-style-codes/ 具体代码如下: <!DOCTYPE html> <head> <titl

淘宝网滚动加载图片及刷新回顶部的做法讨论

 淘宝图片处理讨论   淘宝网页面很大,但是打开速度很快.其对图片处理是运用了滚动加载,就是滚动轴滚到哪里,图片在哪里加载.但是你想查看他的源代码,那要费九牛二虎之力吧,因为他们代码压缩合并做的很好!因为图片是滚动加载的,初始化的时候图片不加载,那么当你在页面底部刷新页面的时候,底部的页面通常不会加载出来,淘宝网的做法貌似是(因为我没有看他们的源代码,只是凭操作),刷新让页面回到顶部.   模仿淘宝,做滚动图片加载   我不知道淘宝网是如何做滚动加载的,但是我之前有篇文章,介绍了滚动加载,有兴趣

js模拟淘宝网的多级选择菜单实现方法_javascript技巧

本文实例讲述了js模拟淘宝网的多级选择菜单实现方法.分享给大家供大家参考.具体如下: 这是一款基于js模拟淘宝网的多级选择菜单代码,这款菜单是模拟淘宝网的,是很早时候的淘宝网,现在已经没有了,本款菜单可以像级联菜单那样一级一级的选择数据,最后确定出数据. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-ftaobao-select-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//D

从“淘宝”二字略谈淘宝网的UE设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 UE,即User Experience的缩写,意思是用户体验.顾名思义,此设计面对的是用户,而不是开发者,程序多完美,功能多灵活,没有友好的界面,功能得不到好好的展现,程序员的心血就有可能被一部分用户白白浪费. 就此谈谈淘宝网站的UE设计, 先就淘宝这个名字来说,宝,何为宝也?古代人们眼中对宝的第一印象就是"金",&quo

淘宝网店品牌化的趋势

随着从淘宝网店等电子商务网站的不断发展成熟,那些最早在淘宝上开店的卖家已成长为淘宝大卖家,他们几乎都已经是公司规模化的经营了,而一些新的卖家想要分享这块网购有着巨大潜力的大蛋糕,已经不是单人作战可以发展起来的.只有那些专业化的团队一起合作才能更快的成长起来.网店的品牌化以及专业化将成为淘宝网未来的趋势...... 目前有很多淘宝大卖家开始创建自己的品牌之路,像"柠檬绿茶"淘宝第一大卖家,"飘飘龙"等淘宝网店品牌,可以看得到很多淘宝网店卖家已经开始品牌化之路的建设中了

淘宝网商品评价上传图片教程

1.我们登录"个人中心"然后找到顶部"已买到宝贝"如下图所示: 2.在进入到自己已经购买到的宝贝界面,我们找到要评价的商品点击评价: 3.点击评价后进入如下评价页面,有打分和留言,然后在下面有一个电脑睛图按钮,如下: 4.评价内容和打分好了后晒图直接点击电脑晒图,点击后弹出一个方框选择图片界面: 5.然后找到图片,点击打开,这样照片就会自动上传到淘宝网了: 6.上传好了如下图,会有一个小图显示你上传的图的效果,然后我们点击"发表评论"即可. 好了

乐活9月已经可以开始报名,淘宝网号召卖家进行抱团参与

1.淘宝双12预热 卖家组团参与乐活9月 淘宝网已经开始准备2013年双12的预热活动,"乐活9月"已经可以开始报名,淘宝网号召卖家进行抱团参与.乐活9月"设置了女人.男人.家居.中老年.婚庆.母婴六个主会场,卖家可以根据所经营的产品的特性选择相关的主题会场和标签,每个会场都会按照风格.主题.年龄等维度划分不同的标签. 2.阿里尖子生招聘计划:应届生年薪60万 解决北京户口 阿里巴巴正在推进一项A-star(阿里星)人才计划,面向应届毕业生吸纳技术人才,年薪可达60万上不封顶

淘宝网Android客户端发布:支持语音搜索

足不出户逛大街已经不是什么稀奇的事情了,很多人会选择上网购物,品种齐全,价格还要比实体店便宜的多,如今上到爷爷奶奶下到上小学的学生,他们都愿意沉浸在网络购物的环境中,而随着移动互联网的迅速发展,以及手机网民的爆炸增长和应用发展,像淘宝这种大型的B2C网站也逐渐像手机平台过度,从而也导致许多企业把目光纷纷投向到移动电子商务市场. 淘宝网 Android版 作为国内最大的B2C网站-淘宝网也开始有所行动,近日淘宝网发布了在Android平台上面的手机客户端,针对谷歌专门为上网而研发的移动操作系统,此