<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>211TOP网|211TOP网站导航</title>
<meta name="keywords" content="211TOP网,网址云导航,win8,211TOP网站导航,云导航,云网址导航,网址云导航" />
<meta name="description" content="211TOP网址云导航是采用win8 211top风格开发的网址导航站,本站以云风格集成了网址,搜索,音乐,搜索,电影,手机电影下载,娱乐,图片,小游戏,短信,社区,日记,相册,K歌,通讯簿,BLOG,win8,211TOP,天气预报,实用工具.最方便,最快捷,最多华人使用的上网导航" />
<link rel="stylesheet" href="css/top.css">
<script type="text/javascript" src="script/jquery-1.4.4.min.js"></script>
<!--解决在ie6下png透明-->
<!--[if IE 6]>
<script type="text/javascript" src="script/DD_belatedPNG.js" ></script>
<script type="text/javascript">
DD_belatedPNG.fix('ul,li,img');
</script>
<![endif]-->
<script type="text/javascript" src="script/jquery.carousel.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var box_h=$("#metro_box").height();
var box_w=$("#metro_box").width();
$("#metro_box").css("margin-top",(($(window).height()-box_h)/2)-10+"px");
//var img_h=$(".arr_left img").height();
//var img_w=$(".arr_left img").width();
//$(".prev").css("position","absolute").css("left","10px").css("top",($(window).height()-img_h)/2);
//$(".next").css("position","absolute").css("right","10px").css("top",($(window).height()-img_h)/2);
//链接在新窗口打开
$(".a_link dd a").attr("target","_blank");
$(".a_link ul li>a").hover(function(){
var a_href=$(this).attr("href");
$(this).siblings().find("a").attr("href",a_href);
});
//切屏-----------------------------------------------------------------
$("#top dl dd a").click(function(){
var now_class=$(this).attr("class");
$("#top dl dd a.a_index").attr("class","a_index");
$("#top dl dd a.a_mzdw").attr("class","a_mzdw");
$("#top dl dd a.a_spyy").attr("class","a_spyy");
$("#top dl dd a.a_xwzx").attr("class","a_xwzx");
$("#top dl dd a.a_gwtb").attr("class","a_gwtb");
$("#top dl dd a.a_yxyl").attr("class","a_yxyl");
$("#top dl dd a.a_sygj").attr("class","a_sygj");
$("#top dl dd a.a_yszy").attr("class","a_yszy");
$(this).attr("class",now_class).addClass(now_class+"_h");
var index=$(this).index();
$("#metro_box dd").hide();
$("#metro_box dd").eq(index).toggle(100);
if(index==1){
$("body").attr("class","bg0");
}
switch (index){
case 0:
$("body").attr("class","");
break;
case 1:
$("body").attr("class","bg0");
break;
case 2:
$("body").attr("class","bg1");
break;
case 3:
$("body").attr("class","bg2");
break;
case 4:
$("body").attr("class","bg3");
break;
case 5:
$("body").attr("class","bg4");
break;
case 6:
$("body").attr("class","bg5");
break;
default :
$("body").attr("class","bg6");
}
<!--[if IE 6]>$("#metro_box dd").eq(index).show(300);<![endif]-->
});
});
</script>
</head>
<body>
<!--头部导航开始-->
<div id="top">
<dl>
<dt><a href="http://www.211top.com/">211TOP网址云导航|网址云导航</a></dt>
<dd>
<a class="a_index" href="http://www.211top.com" target="_self">首页</a>
<a class="a_mzdw a_mzdw_h">站导航</a>
<a class="a_spyy">视频音乐</a>
<a class="a_xwzx">新闻资讯</a>
<a class="a_gwtb">购物淘宝</a>
<a class="a_yxyl">游戏娱乐</a>
<a class="a_sygj">实用工具</a>
<a class="a_yszy">影视资源</a>
<a class="a_more" href="http://www.211top.com" target="_blank">更多</a></dd>
</dl>
</div>
<!--头部导航结束-->
<!--logo区开始-->
<div id="metro_box" class="a_link">
<dl>
<dd style="display:none;"></dd>
<dd style="display:bolck;">
<!--名站导航-->
<ul>
<li class="one" id="logo_001"><a href="http://google.hk"><img src="images/logo_001.png" width="240" height="120" alt="google"></a><span><a href="#">谷歌</a></span></li>
<li id="logo_002"><a href="http://www.54magic.com"><img src="images/logo_004d.png" width="240" height="120" alt=" 我是买家"></a><span><a href="#">我是买家</a></span></li>
<li id="logo_003"><a href="http://www.youku.com"><img src="images/logo_003.png" width="240" height="120" alt=""></a><span><a href="#">优酷</a></span></li>
<li class="four" id="logo_004"><a href="http://www.weibo.com"><img src="images/logo_004.png" width="240" height="120" alt=""></a><span><a href="#">新浪微博</a></span></li>
<li class="one" id="logo_005"><a href="http://www.taobao.com/go/chn/tbk_channel/channelcode.php?pid=mm_34245360_3503005_11464808&eventid=101329
"><img src="images/logo_005.png" width="240" height="120" alt=""></a><span><a href="#">淘宝网</a></span></li>
<li id="logo_006"><a href="http://www.360buy.com"><img src="images/logo_006.png" width="240" height="120" alt=""></a><span><a href="#">京东商城</a></span></li>
<li id="logo_007"><a href="http://www.amazon.cn/?_encoding=UTF8&camp=536&creative=3200&linkCode=ur2&tag=xuyiqq-23"><img src="images/logo_007.png" width="240" height="120" alt=""></a><span><a href="#">亚马逊</a></span></li>
<li class="four" id="logo_008"><a href="http://www.baidu.com/"><img src="images/logo_008.png" width="240" height="120" alt=""></a><span><a href="#">百度</a></span></li>
<li class="one" id="logo_009"><a href="http://qiyi.com"><img src="images/logo_009.png" width="240" height="120" alt=""></a><span><a href="#">奇艺网</a></span></li>
<li id="logo_010"><a href="http://www.tudou.com"><img src="images/logo_010.png" width="240" height="120" alt=""></a><span><a href="#">土豆网</a></span></li>
<li id="logo_011"><a href="http://www.renren.com"><img src="images/logo_011.png" width="240" height="120" alt=""></a><span><a href="#">人人网</a></span></li>
<li class="four" id="logo_012"><a href="http://www.vancl.com"><img src="images/logo_012.png" width="240" height="120" alt=""></a><span><a href="#">凡客诚品</a></span></li>
<li class="one" id="logo_013"><a href="http://www.people.com.cn"><img src="images/logo_013.png" width="240" height="120" alt=""></a><span><a href="#">人民网</a></span></li>
<li id="logo_014"><a href="http://www.cntv.cn"><img src="images/logo_014.png" width="240" height="120" alt=""></a><span><a href="#">中国网络电视台</a></span></li>
<li id="logo_015"><a href="http://sohu.com"><img src="images/logo_015.png" width="240" height="120" alt=""></a><span><a href="#">搜狐网</a></span></li>
<li class="four" id="logo_016"><a href="http://www.163.com"><img src="images/logo_016.png" width="240" height="120" alt=""></a><span><a href="#">网易</a></span></li>
</ul>
</dd>
<dd style="display:none;">
<!--视频音乐-->
<ul>
<li class="one" id="logo_001"><a href="http://youku.com"><img src="images/logo_001b.png" width="240" height="120" alt="youku"></a><span><a href="#">优酷视频</a></span></li>
<li id="logo_002"><a href="http://www.qiyi.com"><img src="images/logo_002b.png" width="240" height="120" alt="qiyi"></a><span><a href="#">奇艺视频</a></span></li>
<li id="logo_003"><a href="http://www.tudou.com"><img src="images/logo_003b.png" width="240" height="120" alt=""></a><span><a href="#">土豆视频</a></span></li>
<li class="four" id="logo_004"><a href="http://www.cntv.cn"><img src="images/logo_004b.png" width="240" height="120" alt=""></a><span><a href="#">中国网络电视台</a></span></li>
<li class="one" id="logo_005"><a href="http://tv.sohu.com"><img src="images/logo_005b.png" width="240" height="1
win8风格的网站导航网，很好看哟
5星 · 超过95%的资源 需积分: 9 118 浏览量
2013-04-05
14:57:42
上传
评论
收藏 1.5MB RAR 举报 
win8风格的网站导航网，很好看哟 （122个子文件） 
top.css 5KB
index.html 25KB
bg2.jpg 126KB bg6.jpg 116KB bg3.jpg 113KB bg4.jpg 107KB bg5.jpg 50KB bg1.jpg 9KB jquery-1.4.4.min.js 83KB
img_split.png 32KB logo_003d.png 26KB logo_014a.png 25KB logo_002e.png 23KB logo_011a.png 21KB logo_002d.png 20KB logo_009f.png 20KB logo_006a.png 19KB logo_011c.png 19KB logo_015c.png 19KB logo_015a.png 18KB logo_008b.png 17KB logo_008d.png 16KB logo_016f.png 13KB logo_005d.png 12KB logo_013d.png 12KB logo_007b.png 12KB logo_005a.png 11KB logo_004d.png 11KB logo_012b.png 11KB logo_007c.png 11KB logo_013a.png 10KB logo_016d.png 10KB logo_009c.png 10KB logo_005f.png 9KB logo_008c.png 9KB logo_001e.png 9KB logo_008f.png 9KB logo_011b.png 9KB logo_002c.png 9KB logo_007d.png 9KB logo_015b.png 9KB logo_010d.png 9KB logo_001a.png 9KB logo_010e.png 9KB logo_005b.png 9KB logo_006f.png 9KB logo_007a.png 9KB logo_002f.png 9KB logo_008e.png 8KB logo_005.png 8KB logo_004.png 8KB logo_012a.png 8KB logo_010f.png 8KB logo_008a.png 8KB logo_015.png 8KB logo_002a.png 8KB logo_010a.png 8KB logo_006.png 8KB logo_007.png 8KB logo_011e.png 8KB logo_010c.png 8KB logo_016.png 8KB logo_013b.png 8KB logo_016a.png 7KB logo_013c.png 7KB logo_003c.png 7KB logo_013.png 7KB logo_012e.png 7KB logo_013f.png 7KB logo_009b.png 7KB logo_014b.png 7KB logo_015e.png 7KB logo_012.png 7KB logo_001f.png 7KB logo_016b.png 7KB logo_016c.png 7KB logo_009a.png 6KB logo_002b.png 6KB logo_002b(2).png 6KB logo_009.png 6KB logo_014c.png 6KB logo_003a.png 6KB logo_003.png 6KB logo_001b.png 6KB logo_014.png 6KB logo_004c.png 6KB logo_004b.png 6KB logo_012c.png 6KB logo_005c.png 6KB logo_003f.png 6KB logo_006c.png 6KB logo_006b.png 6KB logo_004f.png 6KB logo_007e.png 6KB logo_001.png 6KB logo_007f.png 6KB logo_015f.png 6KB logo_012d.png 6KB logo_009d.png 6KB logo_001d.png 6KB共 122 条
- 1
- 2
- 1
- 2
前往页