分享一款单页网址导航源码

作者 : 攻城狮 发布时间: 2021-10-19 共968人阅读

话说,现如今的各类网址导航,与其说是“网址导航”,倒不如称作“广告导航”,页面上几乎 99% 的链接都是广告链接。

我有一个习惯就是喜欢到处乱翻,这不,一不小心又在 360 极速浏览器的安装目录下找到了这款单页导航的代码,大小不到 100kb,整个页面只有 html + css,没有任何 js,可以说是想当的简单了!

我在原版的基础上作了一些小小的改动:调整了代码缩进,将搜索引擎由好搜换成了百度,同时删去了一些广告链接,我又加了点进去……~_~

预览图如下:

这里把源码放上:

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie6" lang="zh-cn"><![endif]-->
<!--[if IE 7 ]><html class="ie7" lang="zh-cn"><![endif]-->
<!--[if IE 8 ]><html class="ie8" lang="zh-cn"><![endif]-->
<!--[if IE 9 ]><html class="ie9" lang="zh-cn"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="" lang="zh-cn"><!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>单页导航_新一代安全上网导航</title>
<link rel="dns-prefetch" href="//s1.qhimg.com"/>
<meta name="description" content="单页导航--新一代安全上网导航,为用户提供门户、新闻、视频、游戏小说、彩票等各种分类的优秀内容和网站入口,提供最简单便捷的上网导航服务。安全上网,从网址导航开始。" />
<meta name="keywords" content="网址导航,网址之家,网址大全,网址导航,安全网址,网址大全,上网导航,网址" />
<base target="_blank"/>

<style type="text/css">
body{font:12px/1.5 Microsoft yahei,\5b8b\4f53, georgia,verdana,helvetica,sans-serif}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;table-layout:fixed}ul,ol,menu{list-style:none}fieldset,img{border:none}img,object,select,input,textarea,button{vertical-align:middle}caption,th{text-align:left}h1,h2,h3,h4,h5,h6,input,textarea,select,address,caption,cite,code,dfn,em,i,b,strong,small,th,var,abbr{font-size:100%;font-style:normal}ins,a,s,u,del{text-decoration:none}a{cursor:pointer;color:#333}button::-moz-focus-inner{border:0;margin:0;padding:0}input::-ms-clear{display:none}.gclearfix,.hd,.bd,.ft,.gmodule{zoom:1}.gmodule{margin-top:10px}.f-l{float:left}.f-r{float:right}.container{margin:0 auto;width:1000px}.green{color:#10b606!important}.orange{color:#f60!important}.blue{color:#07519a!important}.g-box{border-width:1px;border-style:solid;font-size:14px}.g-list{overflow:hidden;zoom:1}.split{font-size:14px;padding:0 5px 0 4px;-webkit-text-size-adjust:none}.dot{background-color:#323232;display:inline-block;height:2px;width:2px}.dot,.g-pic a{overflow:hidden;vertical-align:top}.radius1{background:#fff;display:block;font-size:0;height:1px;line-height:0;overflow:hidden;position:absolute;width:1px}.t-l{left:0;top:0}.t-r{right:0;top:0}.b-l{bottom:0;left:0}.b-r{bottom:0;right:0}q:before,q:after{content:''}a:hover{text-decoration:underline;color:#e60012}a:active{color:#f60}.g-list li{display:inline;float:left;height:29px;line-height:29px;overflow:hidden}.g-pic a{display:block;position:relative}.gclearfix:after,.hd:after,.bd:after,.ft:after,.gmodule:after{clear:both;content:'';display:block;height:0;visibility:hidden}.g-box .list{overflow:hidden;zoom:1}.g-pic .txt,.g-pic .txt-bg,.g-pic .mask{bottom:0;color:#efefef;left:0;position:absolute;text-align:center;width:100%}.g-pic .txt-bg{background-color:#000;opacity:0.7;z-index:1;filter:alpha(opacity=70)}.g-pic .txt{overflow:hidden;z-index:2}.g-pic .mask{background-color:#000;opacity:0;z-index:3;filter:Alpha(opacity=0)}.g-box .list li{float:left;height:29px;line-height:29px;overflow:hidden}.g-pic a:hover{text-decoration:none}.g-pic a:hover .mask{opacity:0.1;top:0;filter:Alpha(opacity=10)}#doc{background:#f3f3f3 url(https://p0.ssl.qhimg.com/t01758d595582ec209e.jpg) repeat-x 0 -485px}#doc-view{color:#333;width:100%}#doc-view,#doc-main-hd,#doc-hd,#doc-main,#doc-bd,#doc-ft,#partner-bd,#doc-main-bd,#doc-main-ft{position:relative}#doc,#doc-view{min-width:1002px}#doc-view{z-index:1}#doc-main-hd{padding-top:20px;}#doc-hd,#doc-main-hd{z-index:300}#doc-bd,#doc-main-bd,#partner-bd{z-index:200}#doc-main{z-index:100}.ie6 #doc-view,.ie6 #doc-bd{zoom:1}#doc-bd .f-l{width:240px}#doc-bd .f-r{width:750px}.ie6,.ie6 body{background-image:url("about:blank");background-attachment:fixed}html{overflow-y:scroll}#hot-site,#iguess,#category-tools{-moz-box-shadow:0 1px 2px #d3d3d3;-webkit-box-shadow:0 1px 2px #d3d3d3;box-shadow:0 1px 2px #d3d3d3}#honghong{-moz-box-shadow:0 1px 2px #d3d3d3;-webkit-box-shadow:0 1px 2px #d3d3d3;box-shadow:0 1px 2px #d3d3d3}#honghong,#lifestyle{width:238px}#lifestyle{height:92px}#hot-site,#mbar{width:748px}#cool-site{width:1000px}#category-tools{width:998px}#search-btn{background-image:url(https://p0.ssl.qhimg.com/t01f512ea49aee5be1e.png)}#honghong.g-box,#lifestyle.g-box{background-color:#fcfcfc;border-color:#c9c9c9}#hot-site.g-box{background-color:#fff;border-color:#c9c9c9}#cool-site.g-box{background-color:#fff;border-color:#c9c9c9}#iguess.g-box{background-color:#fff;border-color:#c9c9c9}#category-tools.g-box{background-color:#fcfcfc;border-color:#c9c9c9}#footer.g-box{background-color:#f8f8f8;border-color:#e4e4e4}#copyright.g-box{background-color:#919191;border-color:#7e7e7e}#cool-site.g-box{border-width:1px}#lifestyle.g-box{border-width:0 1px 1px}#footer.g-box,#copyright.g-box{border-width:1px 0 0}#search-engine #eng-logo,#search-engine .eng-list a{background-image:url(https://p0.ssl.qhimg.com/t01189ecd9ea7536ddc.png)}#honghong li{background-image:url(https://p0.ssl.qhimg.com/t0175d99d8a40390c4a.png)}#category-left .subtitle,#category-tools .item .subtitle{background-image:url(https://p0.ssl.qhimg.com/t01c2fbf3b905eac638.png)}#hot-site{float:right;padding:0 0 6px;position:relative}#mysite-section{background:url(http://p8.qhimg.com/t01c2335c5995b3aef2.png) no-repeat center bottom;padding-top:6px;padding-bottom:5px;position:relative;zoom:1}#mysite-section .list{overflow:visible}#mysite-section .list li{padding:0 7px;text-align:center;width:14.7%}#mysite-section .list li a{background-repeat:no-repeat;background-position:0 6px}#hot-site .list a.favicon{margin-left:6px;position:relative}#hot-site .list li a.favicon{margin-left:-10px;padding-left:20px}#mysite-section .list li a,#mysite-section .list li .split{display:inline-block}#famous-section{padding:5px 0 4px}#famous-section .list{overflow:visible}#famous-section .list li{padding:0 7px;text-align:center;width:14.7%}#famous-section .list li a{background-repeat:no-repeat;background-position:0 6px}#famous-section .list li a,#famous-section .list li .split{display:inline-block}#category-tools{margin-bottom:30px;overflow:hidden}#cool-site{float:right;margin-top:10px;overflow:hidden}#category-tools .inner{overflow:hidden;padding:10px 0 10px 16px;width:1100px;zoom:1}#category-tools .panel{float:left;left:-16px;overflow:hidden;padding-left:16px;position:relative;width:232px}#category-tools .item{overflow:hidden;width:220px}#category-tools .subtitle{background-repeat:no-repeat;font-weight:700;height:29px;line-height:29px;overflow:hidden;padding-left:26px;width:62px}#category-tools .sy{background-position:0 -84px}#category-tools .yx{background-position:0 -114px}#category-tools .dn{background-position:0 -141px}#cool-site .cool-site-hd{display:none}#cool-site .panel{overflow:hidden;padding-bottom:4px;zoom:1}#cool-site .nav{background-color:#ecf4fd;height:30px;margin:0 0 4px -1px;overflow:hidden}#cool-site .item{height:30px;overflow:hidden;padding:0 8px;position:relative;zoom:1}#cool-site .hover{background:#f3fafe}#category-tools .subtitle a{color:#3eaf0e}#category-tools .list li{padding-left:26px;width:38%}#cool-site .nav a{border-left:1px solid #c2d2e2;float:left;line-height:1.2;margin-top:7px;padding:0 15px 0 16px}#category-tools .list li a{color:#333}#cool-site .item .subtitle{float:left;font-weight:400;line-height:29px;_margin-right:-3px;overflow:hidden;padding-left:8px;position:relative;width:52px;z-index:9}#cool-site .item .list{margin-right:50px}#cool-site .item .more{color:#919191;font-size:12px;line-height:29px;position:absolute;right:12px;top:0;width:46px}#category-tools .subtitle a:hover{color:#e60012}#cool-site .item .list li{padding-right:8px;width:13.3%}#category-tools .list li a:hover{color:#e60012}#cool-site .item .subtitle a.favicon{background-position:right 1px;background-repeat:no-repeat;padding-right:17px}#cool-site .item .list li a.favicon{background-position:0 0;background-repeat:no-repeat;padding-left:20px}#cool-site .nav a,#cool-site .item .subtitle a{color:#07519a}#cool-site .nav a:hover,#cool-site .item .subtitle a:hover,#cool-site .item .more:hover{color:#e60012}#longlong-frame{margin-top:25px}#longlong-frame,#longlong{height:38px;position:relative}#longlong{border-right:solid 1px #c9cbce;overflow:hidden;z-index:2}#longlong ul{position:relative;zoom:1}#longlong li{float:left;position:relative;width:11.1%}#longlong .tab-item{background-color:#fff;border-width:1px;border-style:solid dotted;border-color:#c9cbce #fff #c9cbce #c9cbce;color:#333;float:left;font-size:14px;height:36px;line-height:36px;margin-right:-1px;outline:none;overflow:hidden;padding-left:37px;position:relative;width:73px;z-index:1}#longlong .tab-item:hover{background-color:#eceef1;border-color:#c9cbce transparent #c9cbce #c9cbce;text-decoration:none;z-index:2}#longlong .on .tab-item,#longlong .on .tab-item:hover{background-color:transparent;border-top-width:2px;border-bottom-width:0;border-style:solid;border-color:#3dad0d #c9cbce #fff;line-height:34px;z-index:3}#longlong .home{border-style:solid dotted solid solid}#longlong .tuan,#longlong .tuan:hover{border-color:#c9cbce}#longlong-iframe{overflow:hidden}#longlong .tab-item{background-image:url(https://p0.ssl.qhimg.com/t01396241d0bc52fc33.png);background-repeat:no-repeat}#longlong .home{background-position:12px -94px}#longlong .news{background-position:12px -174px}#longlong .movie{background-position:12px -256px}#longlong .tv{background-position:12px -338px}#longlong .novel{background-position:12px -418px}#longlong .travel{background-position:12px -496px}#longlong .game{background-position:12px -568px}#longlong .mall{background-position:12px -646px}#longlong .tuan{background-position:12px -725px}#longlong .mobile{background-position:12px -801px}#longlong .tab-item{line-height:38px\9}.ie6 #longlong .tab-item{background-image:url(https://p0.ssl.qhimg.com/t01c61817c16c7c541d.png);background-repeat:no-repeat}#longlong .on .tab-item,#longlong .on .tab-item:hover{line-height:36px\9}.ie8 #longlong .tab-item{line-height:36px}.ie8 #longlong .on .tab-item,.ie8 #longlong .on .tab-item:hover{line-height:34px}#mbar{float:right;height:32px;line-height:32px;overflow:hidden;text-align:center}#mbar,#copyright{margin-top:0}#honghong ul{height:253px;overflow:hidden;padding-top:5px;zoom:1}#honghong li{background-repeat:no-repeat;display:inline;float:left;height:31px;line-height:31px;margin-bottom:4px;overflow:hidden;padding-left:32px;width:35%}#honghong .split{font-size:10px;padding:0 3px}#honghong .sy{background-position:9px 8px}#honghong .tg{background-position:9px -25px}#honghong .gw{background-position:9px -55px}#honghong .cp{background-position:9px -87px}#honghong .yx{background-position:9px -117px}#honghong .dy{background-position:9px -149px}#honghong .yl{background-position:9px -180px}#honghong .yy{background-position:9px -239px}#honghong .ly{background-position:9px -269px}#honghong .ty{background-position:9px -295px}#honghong .cx{background-position:9px -324px}#honghong .jy{background-position:9px -378px}#honghong .mn{background-position:9px -407px}#honghong .qc{background-position:9px -608px}#honghong .bz{background-position:9px -637px}#honghong .et{background-position:9px -666px}#mbar .mbar-hd{display:none}#copyright .copyright-bd{color:#c2c2c2;font-size:12px;height:40px;line-height:40px;text-align:center}#mbar .mbar-bd a{margin:0 8px}.ie6 #longlong .tab-item:hover{border-right-color:#c9cbce}#copyright a,#copyright .rights{color:#c2c2c2;padding:0 3px}.tips-fb{color:#f60;margin:0 auto;position:relative;width:1000px}.tips-fb .info{font-size:14px;text-align:right;width:675px}.tips-fb .fb{background:url(http://p9.qhimg.com/t01c55fc759e6fe73a5.png) no-repeat 0 0;font-size:12px;height:24px;line-height:24px;margin-right:25px;position:absolute;text-align:center;top:5px;width:81px}.tips-fb .fb,.tips-fb .fb:hover{color:#FFF}.tips-fb .fb-online{right:205px}.tips-fb .fb-weibo{right:100px}#header-frame{height:80px;line-height:24px;position:relative;z-index:90}#search{height:40px;left:305px;position:absolute;top:25px}#search-input{background:#fff;border-width:1px;border-style:solid;border-color:#9c9c9c;-moz-box-shadow:inset 1px 1px 1px #dedede;-webkit-box-shadow:inset 1px 1px 1px #dedede;box-shadow:inset 1px 1px 1px #dedede;display:inline;float:left;height:30px;margin:0 5px 0 8px;position:relative;width:504px}#search-btn{background-color:#e1e1e1;background-repeat:no-repeat;background-position:0 0;border:0;cursor:pointer;float:left;font-size:14px;height:32px;line-height:32px;overflow:hidden;text-align:center;width:82px}#doc-hd{background-color:#fefded;border-bottom:solid 1px #d5d5d5;height:35px;line-height:35px}#lifestyle input,#lifestyle select,#lifestyle span{display:inline-block;font-size:12px}#search-input input{-webkit-appearance:none;background:none;border:0;font-size:16px;font-family:arial;height:22px;line-height:22px;margin-top:5px;outline:0;padding:0 6px;width:458px}#lifestyle .lifestyle-hd,#lifestyle .lifestyle-bd{margin:0 auto;width:208px}#lifestyle .lifestyle-hd{height:30px;padding:10px 0 3px 6px}#lifestyle .lifestyle-bd{padding-left:6px}#header-frame .item-logo{float:left;left:95px;position:absolute;top:18px;width:200px}#search .form-group{height:42px;margin:5px 0 0;position:relative;width:750px}#search-btn:hover{background-position:0 -33px;color:#333;text-decoration:none}#copyright a:hover{color:#e60012}#search .form-group legend{display:none}#lifestyle .lifestyle-hd .title{color:#323232;float:left;font-size:12px;font-weight:400;height:30px;line-height:30px;overflow:hidden}#lifestyle .lifestyle-hd .tab{float:right;margin-top:8px}#lifestyle .lifestyle-bd .text{border:1px solid #b8b8b8;height:18px;line-height:18px;padding-left:2px;width:40%}#lifestyle .lifestyle-bd .price{height:20px;width:30%}#lifestyle .lifestyle-bd .btn{cursor:pointer;height:22px;padding:0 2%}#search .form-group .shadowtop{border-top:1px solid #dedede;border-bottom:1px solid #f4f4f4;height:0;left:1px;overflow:hidden;position:absolute;top:0;width:99.8%;z-index:1}#search .form-group .shadowleft{border-left:1px solid #dedede;border-right:1px solid #f4f4f4;height:30px;left:0;overflow:hidden;position:absolute;top:0;width:0}#lifestyle .lifestyle-hd .tab li{border-right:1px solid #868686;display:inline;float:left;font-size:12px;height:15px;line-height:15px;margin-left:6px;padding-right:6px;position:relative}#lifestyle .lifestyle-hd .tab li a{color:#868686}#lifestyle .lifestyle-hd .tab .last{border-right:none}#lifestyle .lifestyle-hd .tab li a:hover{color:#e60012;text-decoration:none}
</style>
</head>
<body>
<div id="doc">
    <div id="doc-view">
    	<div id="doc-bd">
            <div id="doc-main" class="container">
				<div id="doc-main-hd" class="hd">
					<div id="header-frame">
						<div class="item-logo">
							<a id="imgLogo" title="单页导航,新一代安全上网导航" href="" target="_self">
                                <img src="https://i.loli.net/2019/04/07/5ca9b9b208703.png" />
                            </a>
						</div>
                        <div id="search">
                            <div class="form-group">
                                <form action="https://www.baidu.com/s">
                                    <fieldset>
                                        <legend>百度搜索</legend>
                                        <div id="search-input">
                                            <!--[if lt IE 9]>
                                            <b class="shadowtop"></b>
                                            <b class="shadowleft"></b>
                                            <![endif]-->
                                            <input type="text" name="wd" autocomplete="off" id="search-kw" qsuginited="1" value="">
                                        </div>
                                        <input type="hidden" name="ie" value="utf-8">
                                        <button id="search-btn" type="submit" class="">百度一下</button>
                                    </fieldset>
                                </form>
                            </div>
                        </div>
					</div>
					<div id="longlong-frame">
					    <div id="longlong">
						<ul>
                            <li class="on" id="longlong-channel-home">
                                <a href="#" target="_self" class="tab-item home">我的主页</a>
                            </li>
                            <li id="longlong-channel-news">
                                <a href="https://www.toutiao.com" class="tab-item news">新闻头条</a>
                            </li>
                            <li id="longlong-channel-tv">
                                <a href="http://kan.2345.com/?kmengkunsoftware" class="tab-item tv">电 视 剧</a>
                            </li>
                            <li id="longlong-channel-movie">
                                <a href="http://kan.2345.com/?kmengkunsoftware" class="tab-item movie">最新电影</a>
                            </li>
                            <li id="longlong-channel-game">
                                <a href="http://www.4399.com" class="tab-item game">小 游 戏</a>
                            </li>
                            <li id="longlong-channel-novel">
                                <a href="http://www.zxcs.me" class="tab-item novel">小说大全</a>
                            </li>
                            <li id="longlong-channel-travel">
                                <a href="https://www.ctrip.com" class="tab-item travel">旅游度假</a>
                            </li>
                            <li id="longlong-channel-mall">
                                <a href="http://tool.mkblog.cn/tao/" class="tab-item mall">品牌特卖</a>
                            </li>
                            <li id="longlong-channel-tuan">
                                <a href="https://www.meituan.com" class="tab-item tuan">今日团购</a>
                            </li>
                        </ul>
						</div>
					</div>
				</div>
				<div id="doc-main-bd" class="bd">
					<div class="f-r" bone="right-var">
						<div id="hot-site" class="gmodule g-box">
							<div id="mysite-section">
								<ul class="list gclearfix">
									<li><a href="http://www.baidu.com">百度</a><span class="split">•</span><a href="http://tieba.baidu.com/">贴吧</a></li>
									<li><a href="https://cn.bing.com">Bing</a><span class="split">•</span><a href="http://www.google.com.hk">谷歌</a></li>
									<li><a href="http://www.sina.com.cn">新浪</a><span class="split">•</span><a href="https://weibo.com/">微博</a></li>
									<li><a href="http://www.sohu.com">搜狐</a><span class="split">•</span><a href="http://tv.sohu.com/">视频</a></li>
									<li><a href="http://www.163.com">网易</a><span class="split">•</span><a href="http://email.163.com">邮箱</a></li>
									<li><a href="http://www.ifeng.com/">凤凰</a><span class="split">•</span><a href="http://news.ifeng.com/mil/">军事</a></li>
                                    <li><a class="green" href="http://www.ittiantang.com">IT天堂</a></li>
                                    <li><a href="http://www.taobao.com/">淘 宝 网</a></li>
                                    <li><a href="https://www.tmall.com">天 猫</a></li>
                                    <li><a href="http://t.cn/E64tfER" class="favicon" style="background-image:url(https://p0.ssl.qhimg.com/t0106c4a262fc550269.png);">优惠券</a></li>
                                    <li><a href="https://www.wmzhe.cn">完美者</a></li>
                                    <li><a href="http://www.renren.com">人人</a><span class="split">•</span><a href="http://qzone.qq.com/">QQ空间</a></li>
									<li><a class="site" href="https://m.tb.cn/h.eaQWT7o">淘宝特卖</a></li>
									<li><a href="http://t.cn/E64tnD2">影视大全</a></li>
									<li><a href="http://www.tudou.com">土 豆 网</a></li>
									<li><a href="https://www.bilibili.com">哔哩哔哩</a></li>
									<li><a href="http://urlqh.cn/mhdjL">极速贷款</a></li>
									<li><a href="http://jd.com/" class="favicon" style="background-image:url(https://p0.ssl.qhimg.com/t01be6e926729246a85.png);">京东商城</a></li>
									<li><a href="http://www.people.com.cn/">人民</a><span class="split">•</span><a href="http://www.xinhuanet.com/">新华</a></li>
									<li><a href="http://www.cntv.cn/">CNTV</a><span class="split">•</span><a href="http://tv.cctv.com/live/">直播</a></li>
									<li><a href="http://www.pconline.com.cn/">太平洋电脑</a></li>
									<li><a href="http://www.jiayuan.com">世纪佳缘</a></li>
									<li><a href="http://www.ctrip.com">携 程 网</a></li>
									<li><a href="http://www.zol.com.cn/">中关村在线</a></li>
								</ul>
							</div>    
							<div id="famous-section">
								<ul class="list gclearfix">
									<li><a href="http://www.autohome.com.cn/">汽车之家</a></li>
									<li><a href="http://www.bitauto.com/">易 车 网</a></li>
									<li><a href="http://www.pcauto.com.cn/">太平洋汽车</a></li>
									<li><a href="http://www.baihe.com/">百 合 网</a></li>
									<li><a href="http://www.lefeng.com" class="favicon" style="background-image:url(http://p0.qhimg.com/t018472a9628ca37089.png);">乐 蜂 网</a></li>
									<li><a class="green" href="http://www.suning.com">苏宁易购</a></li>
									<li><a href="http://www.nuomi.com/">糯 米 网</a></li>
									<li><a href="http://www.58.com/">58 同 城</a></li>
									<li><a href="http://www.ganji.com/">赶 集 网</a></li>
									<li><a href="http://www.dangdang.com">当 当 网</a></li>
									<li><a href="http://www.tuniu.com/">途牛旅游网</a></li>
									<li><a href="http://www.yihaodian.com/">1 号 店</a></li>
									<li><a href="http://www.vancl.com/">凡客诚品</a></li>
									<li><a href="http://an.moonbasa.com/">梦 芭 莎</a></li>
									<li><a href="http://www.amazon.cn" class="favicon" style="background-image:url(https://p0.ssl.qhimg.com/t017643c5a3c94b3d42.jpg);">亚 马 逊</a></li>
									<li><a href="http://www.elong.com">艺 龙 网</a></li>
									<li><a href="http://www.qunar.com">去哪儿网</a></li>
									<li><a href="http://www.zhaopin.com">智联招聘</a></li>
									<li><a href="http://www.meituan.com">美 团 网</a></li>
									<li><a href="http://www.gome.com.cn">国美在线</a></li>
									<li><a href="http://www.vipshop.com">唯 品 会</a></li>
									<li><a class="orange" href="http://www.jumei.com">聚美优品</a></li>
									<li><a href="http://www.m18.com">M18麦考林</a></li>
									<li><a href="http://www.meilishuo.com">美 丽 说</a></li>
								</ul>
							</div>
						</div>                    
					</div>
					<div class="f-l" bone="left-var">                
						<div id="honghong" class="gmodule g-box">
							<div class="honghong-bd">
								<ul>
									<li class="yl"><a href="https://www.toutiao.com">新闻</a><span class="split">•</span><a href="https://www.douyu.com">直播</a></li>
                                    <li class="dy"><a href="http://kan.2345.com/?kmengkunsoftware">电影</a><span class="split">•</span><a href="http://t.cn/E64tnD2">电视剧</a></li>				
									<li class="tg"><a href="https://m.tb.cn/h.eaGZaXs">今日团购</a></li>
									<li class="cp"><a href="https://www.baidu.com/s?wd=彩票&ie=UTF-8">彩票</a><span class="split">•</span><a href="https://www.baidu.com/s?wd=双色球&ie=UTF-8">双色球</a></li>
									<li class="gw"><a href="https://www.taobao.com">网上购物</a></li>		
                                    <li class="bz"><a href="http://www.zxcs.me/">小说</a><span class="split">•</span><a href="http://www.4399.com">小游戏</a></li>
									<li class="yx"><a href="http://www.4399.com">游戏</a><span class="split">•</span><a href="https://store.steampowered.com">steam</a></li>
									<li class="yy"><a href="https://music.163.com">音乐</a><span class="split">•</span><a href="https://www.bilibili.com">动漫</a></li>
									<li class="cx"><a href="http://tool.mkblog.cn">查询</a><span class="split">•</span><a href="http://www.kuaidi100.com">快递</a></li>
									<li class="ly"><a href="https://www.ctrip.com">机票</a><span class="split">•</span><a href="https://www.12306.cn">火车票</a></li>
									<li class="et"><a href="http://www.4399.com">儿童</a><span class="split">•</span><a href="https://www.meishij.net">美食</a></li>
									<li class="qc"><a href="https://www.autohome.com.cn/">汽车</a><span class="split">•</span><a href="https://www.autohome.com.cn/">二手车</a></li>
									<li class="mn"><a href="http://www.umei.cc/tags/meinvyouwu.htm">美女</a><span class="split">•</span><a href="http://lab.mkblog.cn/wallpaper/">图片</a></li>
									<li class="jy"><a href="http://www.runoob.com">教育</a><span class="split">•</span><a href="http://www.neea.edu.cn">考试</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div bone="right-var">
						<div id="cool-site" class="gmodule g-box">
							<div class="cool-site-hd g-box-hd">
								<h2 class="title">常用酷站</h2>
							</div>
							<div class="cool-site-bd g-box-bd">
                                <div class="panel">
                                    <div class="nav">
                                        <a href="http://www.4399.com">游戏</a>
                                        <a href="http://t.cn/E64tnD2">电影</a>
                                        <a href="http://t.cn/E64tnD2">电视剧</a>
                                        <a href="http://www.zxcs.me/">小说</a>
                                        <a href="http://music.so.com">音乐</a>
                                        <a href="https://www.taobao.com">购物</a>
                                        <a href="http://tool.mkblog.cn/tao/index.php?r=l&kw=休闲零食&u=680049">美食团</a>
                                        <a href="http://tool.mkblog.cn/tao/index.php?r=l&cid=1&u=680049">逛女装</a>
                                        <a href="https://m.tb.cn/h.eaGZaXs">淘宝皇冠店</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://t.cn/E64tnD2">影视</a></h3>
                                        <ul class="list">
                                            <li><a href="http://kan.2345.com/?kmengkunsoftware">电 影</a></li>
                                            <li><a href="http://kan.2345.com/?kmengkunsoftware">电视剧</a></li>
                                            <li><a href="http://kan.2345.com/?kmengkunsoftware">综 艺</a></li>
                                            <li><a href="http://kan.2345.com/?kmengkunsoftware">娱 乐</a></li>
                                            <li><a href="https://www.bilibili.com/">动 漫</a></li>
                                            <li><a href="http://tool.mkblog.cn/media/">电视直播</a></li>
                                            <li><a href="https://www.bilibili.com/documentary/">纪录片</a></li>
                                        </ul>
                                        <a href="http://t.cn/E64tnD2" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="https://www.bilibili.com/">视频</a></h3>
                                        <ul class="list">
                                            <li><a href="https://www.bilibili.com/">哔哩哔哩动画</a></li>
                                            <li><a href="http://www.youku.com/">优 酷</a></li>
                                            <li><a href="http://www.tudou.com/">土豆网</a></li>
                                            <li><a href="http://tv.sohu.com/">搜狐视频</a></li>
                                            <li><a href="http://www.letv.com/">乐视网高清</a></li>
                                            <li><a href="http://www.6.cn/">六间房秀场</a></li>
                                            <li><a href="http://v.ifeng.com/">凤凰视频</a></li>
                                        </ul>
                                        <a href="https://www.bilibili.com/" class="more">更多»</a>
                                    </div>
                                    <div class="item" data-item="novel">
                                        <h3 class="subtitle"><a href="http://xiaoshuo.360.cn/">小说</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.qidian.com">起点中文网</a></li>
                                            <li><a href="http://www.zongheng.com/">纵横中文网</a></li>
                                            <li><a href="http://www.qdmm.com/">起点女生</a></li>
                                            <li><a href="http://www.17k.com/">17K小说网</a></li>
                                            <li><a href="http://www.hongxiu.com">红袖添香</a></li>
                                            <li><a href="http://www.xs8.cn">言情小说吧</a></li>
                                            <li><a href="http://xiaoshuo.360.cn/boy">男生小说</a></li>
                                        </ul>
                                        <a href="http://xiaoshuo.360.cn/" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://tool.mkblog.cn/media/#baidu">音乐</a></h3>
                                        <ul class="list">
                                            <li><a href="https://music.163.com">网易云音乐</a></li>
                                            <li><a href="http://music.qq.com">QQ音乐</a></li>
                                            <li><a href="http://www.kugou.com">酷狗音乐</a></li>
                                            <li><a href="http://www.1ting.com/">一听音乐网</a></li>
                                            <li><a href="http://www.9ku.com/">九酷音乐网</a></li>
                                            <li><a href="http://www.yinyuetai.com">音悦Tai</a></li>
                                            <li><a href="http://tool.mkblog.cn/yinyuetai/">音悦台MV解析</a></li>
                                        </ul>
                                        <a href="http://www.17song.com" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://www.4399.com">游戏</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.4399.com/">4399小游戏</a></li>
                                            <li><a href="http://www.7k7k.com/">7K7K小游戏</a></li>
                                            <li><a href="http://www.2144.cn">2144小游戏</a></li>
                                            <li><a href="http://t.173.com">Touch炫舞</a></li>
                                            <li><a href="http://tx3.163.com/fab">天下3</a></li>
                                            <li><a href="http://counter.ztgame.com/">征途2</a></li>
                                            <li><a href="http://shouyou.360.cn/">手机游戏</a></li>
                                        </ul>
                                        <a href="http://www.4399.com" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="https://www.taobao.com">购物</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.jd.com">京东商城</a></li>
                                            <li><a href="http://www.suning.com">苏宁易购</a></li>
                                            <li><a href="http://www.amazon.cn" class="favicon" style="background-image:url(https://p0.ssl.qhimg.com/t017643c5a3c94b3d42.jpg);">亚马逊</a></li>
                                            <li><a href="http://www.vancl.com">凡客诚品</a></li>
                                            <li><a class="orange" href="http://www.lefeng.com">乐蜂化妆品</a></li>
                                            <li><a href="https://www.tmall.com">天 猫</a></li>
                                            <li><a href="http://tool.mkblog.cn/tao/">今日特价</a></li>
                                        </ul>
                                        <a href="http://tool.mkblog.cn/tao/" class="more">更多»</a>
                                    </div>
								</div>
								<div class="panel">
                                    <div class="nav">
                                        <a href="http://sh.qihoo.com/">新闻</a>
                                        <a href="http://hao.360.cn/junshiguofang.html">军事</a>
                                        <a href="http://hao.360.cn/tiyuyundong.html">体育</a>
                                        <a href="http://hao.360.cn/nba.html">NBA</a>
                                        <a href="http://hao.360.cn/gupiaojijin.html">财经</a>
                                        <a href="http://www.4399.com">网游</a>
                                        <a href="http://www.4399.com">小游戏</a>
                                        <a href="http://qipai.360.cn/">棋牌</a>
                                        <a href="http://cp.360.cn/ssq/">双色球</a>
                                        <a href=" http://edu.360.cn/yingyu?tn=aside">英语</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://www.hao123.com/mail">邮箱</a></h3>
                                        <ul class="list">
                                            <li><a href="http://mail.163.com/">163邮箱</a></li>
                                            <li><a href="http://www.126.com/">126邮箱</a></li>
                                            <li><a href="http://mail.qq.com/">QQ邮箱</a></li>
                                            <li><a href="http://mail.sina.com.cn/">新浪邮箱</a></li>
                                            <li><a href="http://mail.sohu.com/">搜狐邮箱</a></li>
                                            <li><a href="http://mail.10086.cn">139邮箱</a></li>
                                            <li><a href="http://mail.189.cn">189邮箱</a></li>
                                        </ul>
                                        <a href="http://www.hao123.com/mail" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="https://news.qq.com">新闻</a></h3>
                                        <ul class="list">
                                            <li><a href="http://news.sina.com.cn/">新浪新闻</a></li>
                                            <li><a href="http://news.163.com/">网易新闻</a></li>
                                            <li><a href="http://news.sohu.com/">搜狐新闻</a></li>
                                            <li><a href="http://news.ifeng.com/">凤凰新闻</a></li>
                                            <li><a href="http://www.huanqiu.com/">环球</a><span class="split">•</span><a href="http://www.china.com.cn/">中国网</a></li>
                                            <li><a href="http://www.xinhuanet.com/">新华网</a></li>
                                            <li><a href="http://www.people.com.cn/">人民网</a></li>
                                        </ul>
                                        <a href="https://www.toutiao.com" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://www.hao123.com/junshi/wangzhi">军事</a></h3>
                                        <ul class="list">
                                            <li><a href="https://military.china.com">中华网军事</a></li>
                                            <li><a href="http://www.tiexue.net/">铁血军事</a></li>
                                            <li><a href="http://www.miercn.com/">米尔军情网</a></li>
                                            <li><a href="http://www.xinjunshi.com">环球新军事</a></li>
                                            <li><a href="http://www.chinaiiss.com/">战略军事网</a></li>
                                            <li><a href="http://www.qianyan001.com/">军事前沿</a></li>
                                            <li><a href="http://junshi.xilu.com/">西陆军事</a></li>
                                        </ul>
                                        <a href="http://www.hao123.com/junshi/wangzhi" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://sports.163.com/">体育</a></h3>
                                        <ul class="list">
                                            <li><a href="http://sports.sina.com.cn/">新浪体育</a></li>
                                            <li><a href="http://sports.sohu.com/">搜狐体育</a></li>
                                            <li><a href="http://sports.163.com/">网易体育</a></li>
                                            <li><a href="http://www.hupu.com/">虎扑体育</a></li>
                                            <li><a href="http://sports.letv.com/">乐视体育</a></li>
                                            <li><a href="http://v.360.cn/live/tiyu_yugao/">体育直播</a></li>
                                            <li><a href="http://sports.ifeng.com/">凤凰体育</a></li>
                                        </ul>
                                        <a href="http://sports.163.com/" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://urlqh.cn/mhdjL">财经</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.eastmoney.com/">东方财富网</a></li>
                                            <li><a href="http://www.hexun.com/">和讯财经</a></li>
                                            <li><a href="http://finance.sina.com.cn/">新浪财经</a></li>
                                            <li><a href="http://business.sohu.com/">搜狐财经</a></li>
                                            <li><a href="http://cn.wsj.com/">华尔街日报</a></li>
                                            <li><a href="http://www.cnfol.com/">中金在线</a></li>
                                            <li><a href="http://www.jrj.com.cn/">金融界</a></li>
                                        </ul>
                                        <a href="http://urlqh.cn/mhdjL" class="more">更多»</a>
                                    </div>
								</div>
                                <div class="panel">
                                    <div class="nav">
                                        <a href="https://www.autohome.com.cn/">新车</a>
                                        <a href="https://www.autohome.com.cn/">二手车</a>
                                        <a href="http://www.hao123.com/bank">银行</a>
                                        <a href="https://m.tb.cn/h.eaQWT7o">商城</a>
                                        <a href="https://m.tb.cn/h.eaQWT7o">团购</a>
                                        <a href="https://m.tb.cn/h.eaQWT7o">皇冠店</a>
                                        <a href="https://m.tb.cn/h.eaQWT7o">淘宝特卖</a>
                                        <a href="https://m.tb.cn/h.eaQWT7o">今日特价</a>
                                    </div>
                                    <div class="item" data-item="car">
                                        <h3 class="subtitle"><a href="https://www.autohome.com.cn/">汽车</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.bitauto.com">易车网</a></li>
                                            <li><a href="http://www.autohome.com.cn">汽车之家</a></li>
                                            <li><a href="http://www.cheshi.com">网上车市</a></li>
                                            <li><a href="http://auto.sina.com.cn">新浪汽车</a></li>
                                            <li><a href="http://www.pcauto.com.cn">太平洋汽车</a></li>
                                            <li><a href="http://www.xcar.com.cn">爱卡汽车</a></li>
                                            <li><a href="http://www.cheshi.com/">网上车市</a></li>
                                        </ul>
                                        <a href="https://www.autohome.com.cn/" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://www.hao123.com/bank">银行</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.icbc.com.cn/">工商银行</a></li>
                                            <li><a href="http://www.ccb.com/">建设银行</a></li>
                                            <li><a href="http://www.boc.cn/">中国银行</a></li>
                                            <li><a href="http://www.cmbchina.com/">招商银行</a></li>
                                            <li><a href="http://www.abchina.com/">农业银行</a></li>
                                            <li><a href="http://www.bankcomm.com/">交通银行</a></li>
                                            <li><a href="http://www.cebbank.com/">光大银行</a></li>
                                        </ul>
                                        <a href="http://www.hao123.com/bank" class="more">更多»</a>
                                    </div>
                                    <div class="item" data-item="mall">
                                        <h3 class="subtitle"><a href="https://www.taobao.com">商城</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.1mall.com/">1号商城</a></li>
                                            <li><a href="http://www.gome.com.cn/">国美在线</a></li>
                                            <li><a class="orange" href="http://www.jiuxian.com">酒仙网购酒</a></li>
                                            <li><a href="http://www.shopin.net/">上品折扣网</a></li>
                                            <li><a href="http://www.jumei.com" class="favicon" style="background-image:url(http://p0.qhimg.com/t012d99bdbfc05a1818.png);">聚美优品</a></li>
                                            <li><a href="http://www.shangpin.com/"> 尚品网奢品</a></li>
                                            <li><a href="http://www.lefeng.com/">乐蜂网</a></li>
                                        </ul>
                                        <a href="https://www.taobao.com" class="more">更多»</a>
                                    </div>
                                    <div class="item" data-item="tuan">
                                        <h3 class="subtitle"><a href="https://m.tb.cn/h.eaGZaXs">团购</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.meituan.com">美团网</a></li>
                                            <li><a href="https://m.tb.cn/h.eaGZaXs">窝窝团</a></li>
                                            <li><a href="http://www.lashou.com/">拉手网</a></li>
                                            <li><a href="http://tuan.jd.com">京东团购</a></li>
                                            <li><a href="http://www.1mall.com">1号店团购</a></li>
                                            <li><a href="http://t.dianping.com">大众点评团</a></li> 
                                            <li><a href="https://m.tb.cn/h.eaGZaXs">高朋网</a></li>
                                        </ul>
                                        <a href="https://m.tb.cn/h.eaGZaXs" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://www.jiayuan.com">交友</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.jiayuan.com">世纪佳缘网</a></li>
                                            <li><a href="http://www.zhenai.com">珍爱婚恋网</a></li>
                                            <li><a href="http://www.baihe.com">百合婚恋网</a></li>                  
                                            <li><a href="http://www.renren.com/">人人网</a></li>
                                            <li><a href="http://www.juedui100.com/">绝对100</a></li>
                                            <li><a href="http://www.zhiji.com/">知己交友网</a></li>
                                            <li><a href="http://jiaoyou.ganji.com/">赶集婚恋</a></li>
                                        </ul>
                                        <a href="http://www.jiayuan.com" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://www.tianya.cn/">社区</a></h3>
                                        <ul class="list">
                                            <li><a href="https://www.v2ex.com">V2EX</a></li>
                                            <li><a href="http://qzone.qq.com/">QQ空间</a></li>
                                            <li><a href="http://www.tianya.cn/">天涯社区</a></li>
                                            <li><a href="http://dzh.mop.com/">猫扑大杂烩</a></li>
                                            <li><a href="http://weibo.com/">新浪微博</a></li>
                                            <li><a href="http://www.douban.com/">豆 瓣</a></li>
                                            <li><a href="http://club.sohu.com/">搜狐社区</a></li>
                                        </ul>
                                        <a href="http://www.tianya.cn/" class="more">更多»</a>
                                    </div>
								</div>
                                <div class="panel">
                                    <div class="nav">
                                        <a href="http://hao.360.cn/zufang.html">租房</a>
                                        <a href="http://hao.360.cn/ershoufang.html">二手房</a>
                                        <a href="http://urlqh.cn/mhdjL">免息借钱</a>
                                        <a href="http://hao.360.cn/nvxing.html">女性</a>
                                        <a href="http://hao.360.cn/meiti.html">美体</a>
                                        <a href="http://hao.360.cn/fashion.html">时尚</a>
                                        <a href="http://hao.360.cn/rencaizhaopin.html">招聘</a>
                                        <a href="http://hao.360.cn/diannaowangluo.html">电脑</a>
                                        <a href="http://baoku.360.cn">软件</a>
                                        <a href="http://hao.360.cn/shoujitongxin.html">手机</a>
                                        <a href="http://hao.360.cn/baoxian.html">保险</a>
                                        <a href="http://go.360.cn/holiday?src=cool">度假</a>
                                        <a href="http://go.360.cn/hotel?src=cool">酒店</a>
                                    </div>
                                    <div class="item" data-item="caipiao">
                                        <h3 class="subtitle"><a href="http://hao.360.cn/shenghuoxinxi.html">生活</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.ganji.com">赶集网</a></li>
                                            <li><a href="https://m.tb.cn/h.eaGZaXs">团购大全</a></li>
                                            <li><a href="http://www.soufun.com/">搜房网</a></li>
                                            <li><a href="http://www.anjuke.com">安居客房产</a></li>
                                            <li><a href="http://caipu.hao.360.cn/">家常菜大全</a></li>
                                            <li><a href="http://www.58.com/">58同城</a></li>
                                            <li><a href="http://beijing.baixing.com/">百姓网</a></li>
                                        </ul>
                                        <a href="http://hao.360.cn/shenghuoxinxi.html" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="https://www.500.com">彩票</a></h3>
                                        <ul class="list">
                                            <li><a href="https://www.500.com">最新开奖号码</a></li>
                                            <li><a href="https://www.500.com">双色球</a></li>
                                            <li><a href="https://www.500.com">彩票合买</a></li>
                                            <li><a href="https://www.500.com">分析图表</a></li>
                                            <li><a href="https://www.500.com">大乐透</a></li>
                                            <li><a href="https://www.500.com">3D加奖</a></li>
                                            <li><a href="https://www.500.com">时时彩</a></li>
                                        </ul>
                                        <a href="https://www.500.com" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://ctrip.com/">旅游</a></h3>
                                        <ul class="list">
                                            <li><a href="http://ctrip.com/">携程旅游</a></li>
                                            <li><a href="http://www.qunar.com">去哪儿机票</a></li>
                                            <li><a href="http://jipiao.kuxun.cn/">酷讯机票</a></li>
                                            <li><a href="http://www.tuniu.com/" class="favicon" style="background-image:url(http://p0.qhimg.com/t01972aa7aa7957e369.png);">途牛旅游</a></li>
                                            <li><a class="orange" href="http://www.elong.com/">艺龙订酒店</a></li>
                                            <li><a href="http://www.17u.cn">同程旅游网</a></li>
                                            <li><a href="http://www.lvmama.com">驴妈妈旅游网</a></li>
                                        </ul>
                                        <a href="http://vacations.ctrip.com/" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://www.vip.com">女性</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.rayli.com.cn">瑞丽网</a></li>
                                            <li><a href="http://www.pclady.com.cn">太平洋时尚</a></li>
                                            <li><a href="http://fashion.sohu.com">搜狐时尚</a></li>
                                            <li><a href="http://www.meilishuo.com">美丽说</a></li>
                                            <li><a href="http://www.mogujie.com/">蘑菇街</a></li> 
                                            <li><a href="http://www.onlylady.com">女人志</a></li>
                                            <li><a href="http://www.moonbasa.com">梦芭莎</a></li>
                                        </ul>
                                        <a href="http://www.vip.com" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://www.yoka.com/">时尚</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.vogue.com.cn/">服饰与美容</a></li>
                                            <li><a href="http://www.gq.com.cn/">GQ男士网</a></li>
                                            <li><a href="http://www.55bbs.com/">55BBS</a></li>
                                            <li><a href="http://www.lady8844.com">爱美女性网</a></li>
                                            <li><a href="http://www.self.com.cn/">悦己女性网</a></li>
                                            <li><a href="http://www.haibao.com/">海报时尚网</a></li>
                                            <li><a href="http://www.yoka.com/">YOKA时尚网</a></li>
                                        </ul>
                                        <a href="http://www.yoka.com/" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://my.51job.com/">招聘</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.zhaopin.com">智联招聘</a></li>
                                            <li><a href="http://my.51job.com/">前程无忧</a></li>
                                            <li><a href="http://www.ganji.com/">赶集招聘</a></li>
                                            <li><a href="http://www.yingjiesheng.com/">应届生求职</a></li>
                                            <li><a href="https://www.liepin.com">猎聘网</a></li>
                                            <li><a href="http://www.58.com">58同城招聘</a></li>
                                            <li><a href="http://www.chinahr.com/">中华英才网</a></li>
                                        </ul>
                                        <a href="http://my.51job.com/" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://www.zol.com.cn/">电脑</a></h3>
                                        <ul class="list">
                                            <li><a href="http://www.zol.com.cn/">中关村在线</a></li>
                                            <li><a href="http://www.pchome.net/">电脑之家</a></li>
                                            <li><a href="http://www.pconline.com.cn/">太平洋电脑</a></li>
                                            <li><a href="https://www.smartisan.com/tnt/">坚果TNT工作站</a></li>
                                            <li><a href="http://www.apple.com.cn/">苹果官网</a></li>
                                            <li><a href="http://www.lenovo.com.cn/">联想电脑</a></li>
                                            <li><a href="https://www.gy84.com">光影巴士</a></li>
                                        </ul>
                                        <a href="http://www.zol.com.cn/" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://mobile.zol.com.cn/">手机</a></h3>
                                        <ul class="list">
                                            <li><a href="http://mobile.zol.com.cn/">中关村手机</a></li>
                                            <li><a href="http://mobile.pconline.com.cn">太平洋手机</a></li>
                                            <li><a href="http://www.cnmo.com/">手机中国</a></li>
                                            <li><a href="https://www.smartisan.com">坚果手机</a></li>
                                            <li><a href="http://www.10086.cn">中国移动</a></li>
                                            <li><a href="https://www.mi.com">小米手机</a></li>
                                            <li><a href="http://mobile.it168.com/">IT168手机</a></li>
                                        </ul>
                                        <a href="http://mobile.zol.com.cn/" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="https://www.coolapk.com">应用</a></h3>
                                        <ul class="list">
                                            <li><a href="https://www.coolapk.com">我查查</a></li>
                                            <li><a href="https://www.coolapk.com">驾考宝典</a></li>
                                            <li><a href="https://r.bullet.chat/i/f/dS810LdA6PmCHl0h">聊天宝</a></li>
                                            <li><a href="https://www.coolapk.com">小鸟爆破</a></li>
                                            <li><a href="https://www.coolapk.com">旋风跑跑</a></li>
                                            <li><a href="https://www.coolapk.com">自拍神器</a></li>
                                            <li><a href="https://weixin.qq.com">微信</a></li>
                                        </ul>
                                        <a href="https://www.coolapk.com" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="https://youquhome.com">酷站</a></h3>
                                        <ul class="list">
                                            <li><a href="https://www.v2ex.com">V2EX</a></li>
                                            <li><a href="http://tool.mkblog.cn">在线工具箱</a></li>
                                            <li><a href="http://www.zhihu.com/">知 乎</a></li>
                                            <li><a href="http://lab.mkblog.cn">网页实验室</a></li>
                                            <li><a href="https://www.wmzhe.cn">完美者</a></li>
                                            <li><a href="https://www.hi2future.com">时光邮局</a></li>
                                            <li><a href="https://www.52doutu.cn">斗图终结者</a></li>
                                        </ul>
                                        <a href="https://youquhome.com" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://freela.ml">站长</a></h3>
                                        <ul class="list">
                                            <li><a href="http://t.cn/E64S2Jd">腾讯云</a></li>
                                            <li><a href="http://t.cn/E64S5H1">腾讯云优惠券</a></li>
                                            <li><a href="http://t.cn/E64Sxmm">阿里云</a></li>
                                            <li><a href="http://t.cn/E64S9QY">阿里云优惠券</a></li>
                                            <li><a href="http://t.cn/E64SjcU">宝塔面板</a></li>
                                            <li><a href="http://freela.ml">免费空间</a></li>
                                            <li><a href="http://seo.chinaz.com">SEO 查询</a></li>
                                        </ul>
                                        <a href="http://freela.ml" class="more">更多»</a>
                                    </div>
                                    <div class="item">
                                        <h3 class="subtitle"><a href="http://tool.mkblog.cn">查询</a></h3>
                                        <ul class="list">
                                            <li><a href="https://www.12306.cn/">火车票</a></li>
                                            <li><a href="https://flights.ctrip.com">机票查询</a></li>
                                            <li><a href="http://www.kuaidi100.com">物流快递</a></li>
                                            <li><a href="http://www.weizhang8.cn">违章查询</a></li>
                                            <li><a href="http://www.148365.com/">法律咨询</a></li>
                                            <li><a href="https://www.duolingo.cn">学英语</a></li>
                                            <li><a href="http://caipu.hao.360.cn/">家常菜谱</a></li>
                                        </ul>
                                        <a href="http://tool.mkblog.cn" class="more">更多»</a>
                                    </div>
								</div>	
							</div>
						</div>                    
					</div>
				</div>
				<div id="doc-main-ft" class="ft">
					<div id="category-tools" class="gmodule g-box">
                        <div class="inner">
                            <div class="panel">
                                <div class="item">
                                    <h3 class="subtitle sy"><a href="http://tool.mkblog.cn">实用工具</a></h3>
                                    <ul class="list">
                                        <li><a href="http://tool.mkblog.cn/ip/">IP查询</a></li>
                                        <li><a href="http://tool.mkblog.cn/whois/">Whois查询</a></li>
                                        <li><a href="http://www.weizhang8.cn">车辆违章</a></li>
                                        <li><a href="https://www.52doutu.cn">斗图表情包</a></li>
                                        <li><a href="http://tool.mkblog.cn/shouji/">手机查询</a></li>
                                        <li><a href="https://translate.google.cn">在线翻译</a></li>
                                        <li><a href="http://www.kuaidi100.com">快递查询</a></li>
                                        <li><a href="http://tool.mkblog.cn/ocr/">文字识别</a></li>
                                        <li><a href="http://tool.mkblog.cn/tuchuang/">微博图床</a></li>
                                        <li><a href="http://tool.mkblog.cn/count/">在线排版</a></li> 
                                    </ul>
                                </div>
                            </div>
                            <div class="panel">
                                <div class="item">
                                    <h3 class="subtitle yx"><a href="https://store.steampowered.com">游戏精选</a></h3>
                                    <ul class="list">
                                        <li><a href="http://soyo.360.cn/zt/cf.html">CF穿越火线</a></li>
                                        <li><a href="http://soyo.360.cn/zt/lianliankan.html">连连看</a></li>
                                        <li><a href="http://xiaoyouxi.360.cn/?src=yxjx">360小游戏</a></li>
                                        <li><a href="http://xiaoyouxi.360.cn/nvsheng/index.html">女生小游戏</a></li>
                                        <li><a href="http://soyo.360.cn/zt/plants.html">植物战僵尸</a></li>
                                        <li><a href="http://xiaoyouxi.360.cn/index/heji">小游戏合集</a></li>
                                        <li><a href="http://g.360.cn/zt/xiuxian.html">休闲游戏</a></li>
                                        <li><a href="http://g.360.cn/zt/angryBird.html">愤怒的小鸟</a></li>
                                        <li><a href="http://shouyou.360.cn/">手机游戏</a></li>
                                        <li><a href="http://xiaoyouxi.360.cn/tag?tag=125">祖玛小游戏</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="panel">
                                <div class="item">
                                    <h3 class="subtitle yx"><a href="http://lab.mkblog.cn/FCGames/">网页游戏</a></h3>
                                    <ul class="list">
                                        <li><a href="http://zxy.wan.360.cn/?src=DH-bot-b7" class="hot">醉西游</a></li>
                                        <li><a href="http://dpqk.wan.360.cn/?src=DH-bot-b7">斗破乾坤</a></li>
                                        <li><a href="http://sqol.wan.360.cn/?src=DH-bot-b7">神曲</a></li>
                                        <li><a href="http://xyb.wan.360.cn/?src=DH-bot-b7">轩辕变</a></li>
                                        <li><a href="http://sjsg.wan.360.cn/?src=DH-bot-b7">神将三国</a></li>
                                        <li><a href="http://dxz.wan.360.cn/?src=DH-bot-b7">大侠传</a></li>
                                        <li><a href="http://wzol.wan.360.cn/?src=DH-bot-b7">武尊</a></li>
                                        <li><a href="http://swjt.wan.360.cn/?src=DH-bot-b7">神武九天</a></li>
                                        <li><a href="http://xyol.wan.360.cn/?src=DHN-kz-b7">轩辕传</a></li>
                                        <li><a href="http://lyol.wan.360.cn/?src=DH-bot-b7">烈焰</a></li> 
                                    </ul>
                                </div>
                            </div>
                            <div class="panel">
                                <div class="item">
                                    <h3 class="subtitle dn"><a href="http://hao.360.cn/ruanjianxiazai.html">常用软件</a></h3>
                                    <ul class="list">
                                        <li><a href="https://www.huorong.cn" class="green">火绒安全</a></li>
                                        <li><a href="http://dl.360safe.com/netunion/20140425/360safe+14478+n4a1de2568d.exe">360安全卫士</a></li>
                                        <li><a href="http://dl.360safe.com/netunion/20140425/360sd_14478.exe">360杀毒</a></li>
                                        <li><a href="http://dl.360safe.com/netunion/20140425/360se+14478+n4a1de2568d.exe">360安全浏览器</a></li>
                                        <li><a href="https://im.qq.com/">腾讯QQ</a></li>
                                        <li><a href="http://lab.mkblog.cn/wallpaper/">高清壁纸</a></li>
                                        <li><a href="http://jifendownload.2345.cn/jifen_2345/iqiyi_kmengkunsoftware_198029.exe">爱奇艺</a></li>
                                        <li><a href="http://jifendownload.2345.cn/jifen_2345/qqlive_kmengkunsoftware_536227.exe">腾讯视频</a></li>
                                        <li><a href="https://jifendownload.2345.cn/jifen_2345/kugou_kmengkunsoftware_254018.exe">酷狗音乐</a></li>
                                        <li><a href="https://www.coolapk.com">手机软件</a></li>
                                    </ul>
                                </div>
                            </div>
						</div>
					</div>        		
				</div>
            </div>
    	</div>
    	<div id="doc-ft">
            <div id="copyright" class="gmodule g-box">
				<div class="copyright-bd container">
					<a href="##">Investor Relations</a> | 
                    <a target="_blank" href="##">关于我们</a> | 
                    <a target="_blank" href="##">广告合作</a> | 
                    <a target="_blank" href="##">投诉建议</a> | 
                    <a target="_blank" href="##">网站统计</a> | 
                    <a target="_blank" href="##">手机版</a> | 
                    <span class="rights">Copyright ©360.cn. All Rights Reserved.</span> 
                    <a href="http://www.miibeian.gov.cn/" rel="noreferrer" class="icp" target="_blank">京ICP证080047号</a> 
                    <a href="http://www.bjgaj.gov.cn/web/" class="icp" target="_blank">京公网安备110000000006号</a>
				</div>
			</div>    	
		</div>
    </div>
</div>
</body>
</html>

代码充满着一股复古的味道,动手能力强的可以尝试自己美化一下。

1.本站所有资源收集于互联网和用户上传,如有侵权请联系客服删除;
2.本站不保证所提供下载资源的准确性、安全性和完整性,请自行测试;
3.资源仅供学习交流使用,版权归原作者所有,请在下载后24小时之内删除;
4.如用于商业或非法用途实属个人行为,与本站无关,一切后果由用户自负;
5.本站提供的源码、主题模板、插件等资源,都不包含技术服务,请大家谅解;
6.本站所设置的资源售价只是用于赞助,收取费用仅维持本站的日常运营所需;
7.如果您有好的源码或者教程,请至个人中心发布资源,将有积分奖励和额外收入;
8.本站默认解压密码:www.ittiantang.com,如有链接无法下载,请联系管理员处理。

IT天堂 » 分享一款单页网址导航源码

常见问题FAQ

IT天堂的会员权益只能通过充值获得吗?
您可以通过签到功能获得积分,用积分兑换会员权益。
网站上的VIP资源只能通过充值购买吗?
您可以通过每日签到获得积分,使用积分直接购买VIP资源。

发表评论