帝国CMS自适应网址导航网站模板代码
原创
帝国CMS自适应网址导航网站为互联网用户提供音乐、小说、NBA、财经、购物、视频、软件及热门游戏网址大全等,提供了多种搜索引擎入口、实用查询、天气预报、个性定制等各种分类的优秀内容和网站入口,提供简单便捷的上网导航。
1.主页html代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="renderer" content="webkit">
<meta name="force-rendering" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
<meta name="applicable-device" content="pc,mobile">
<title>行业企业 - 九九极客云</title>
<meta name="keywords" content="行业企业目录,企业信息网站大全,公司企业名录,企业黄页收录" />
<meta name="description" content="行业企业网址大全,企业网站大全,公司企业分类目录,企业黄页网址大全" />
<link rel="stylesheet" href="/css/layui.css" type="text/css">
<link rel="stylesheet" href="bankim/css/mobankimstyle.css" type="text/css">
<link rel="stylesheet" href="mobankim/css/mobankimapp.css" type="text/css">
</head>
<body>
<!-- 页头 -->
<div class="mobankimheader">
<div class="topbar">
<div class="topbar-c">
</div>
</div>
<div class="search">
<div class="logo"><img src="mobankim/images/logo.gif" title="九九极客云"><h1>九九极客云</h1></div>
<div class="mobankimsearch-l">
<form class="form-search" method="post" action="/e/search/index.php">
<input type="hidden" name="show" value="title,keyboard">
<input type="hidden" value="1" name="tempid">
<input type="hidden" value="mobankimnews" name="tbname">
<input name="mid" value="1" type="hidden">
<input name="dopost" value="search" type="hidden">
<input class="search-input" name="keyboard" type="text" value="" placeholder="请输入你想搜索的网站关键字">
<button class="a1mbz-com-search-btn" name="submit" type="submit"></button>
</form>
<span><em>热词：</em><a href="http://m.bokequ.com/">网站提交</a>
<a href="http://www.99jky.com/diannao/zhanzhang">站长资源</a>
<a href="http://www.99jky.com/diannao/sousuo">搜索查询</a>
<a href="http://www.99jky.com/diannao/sucai">模板素材</a>
<a href="http://www.99jky.com/diannao/daohang">网址导航</a>
<a href="http://www.99jky.com/youxian/liaotian">交友</a></span>
</div>
<div class="search-rad">
<img src="/skin/mobankim/images/index.jpg">
</div>
</div>
<div class="mobankimnav">
<ul>
<li><a href="http://www.99jky.com">首 页</a></li>
<li class="ptypeCode"><a href="http://www.99jky.com/youxian/" class="ptypeCode">休闲娱乐</a></li>
<li class="ptypeCode"><a href="http://www.99jky.com/jiaoyu/" class="ptypeCode">教育文化</a></li>
<li class="mobankimno"><a href="http://www.99jky.com/hangye/" class="mobankimno">行业企业</a></li>
<li class="ptypeCode"><a href="http://www.99jky.com/shenghuo/" class="ptypeCode">生活服务</a></li>
<li class="ptypeCode"><a href="http://www.99jky.com/diannao/" class="ptypeCode">电脑网络</a></li>
<li class="ptypeCode"><a href="http://www.99jky.com/zixun/" class="ptypeCode">文章资讯</a></li>
<li class="ptypeCode"><a href="http://www.99jky.com/zonghe/" class="ptypeCode">综合其他</a></li>
</ul>
</div>
</div>
<!-- 页头 end-->
<!--主结构-->
<div class="mobankimmain">
<!--左侧-->
<div class="weburl">
<div class="title-box"><h2>行业企业</h2></div>
<div class="urllist">
<ul>
<li><a href="http://www.99jky.com/hangye/shangwu/652.html" title="标源网">标源网</a> <span>2024-01-28</span></li>
<li><a href="http://www.99jky.com/hangye/jianzhu/640.html" title="土木在线网">土木在线网</a> <span>2024-01-09</span></li>
<li><a href="http://www.99jky.com/hangye/jianzhu/639.html" title="预制建筑网">预制建筑网</a> <span>2024-01-09</span></li>
<li><a href="http://www.99jky.com/hangye/jianzhu/638.html" title="BIM建筑网">BIM建筑网</a> <span>2024-01-09</span></li>
<li><a href="http://www.99jky.com/hangye/baozhuang/637.html" title="科印印刷网">科印印刷网</a> <span>2024-01-06</span></li>
</ul>
<ul>
<li><a href="http://www.99jky.com/hangye/baozhuang/636.html" title="纸业网">纸业网</a> <span>2024-01-06</span></li>
<li><a href="http://www.99jky.com/hangye/fangzhi/635.html" title="皮革协会">皮革协会</a> <span>2024-01-06</span></li>
<li><a href="http://www.99jky.com/hangye/nongye/634.html" title="爱农网">爱农网</a> <span>2024-01-05</span></li>
<li><a href="http://www.99jky.com/hangye/nongye/633.html" title="农网">农网</a> <span>2024-01-05</span></li>
<li><a href="http://www.99jky.com/hangye/nongye/632.html" title="农业网">农业网</a> <span>2024-01-05</span></li>
</ul>
<ul>
<li><a href="http://www.99jky.com/hangye/huahui/631.html" title="农苗网">农苗网</a> <span>2024-01-05</span></li>
<li><a href="http://www.99jky.com/hangye/jiadian/630.html" title="美的家电">美的家电</a> <span>2024-01-03</span></li>
<li><a href="http://www.99jky.com/hangye/jiadian/629.html" title="苏泊尔">苏泊尔</a> <span>2024-01-03</span></li>
<li><a href="http://www.99jky.com/hangye/jiadian/628.html" title="中国数字科技馆">中国数字科技馆</a> <span>2024-01-03</span></li>
<li><a href="http://www.99jky.com/hangye/zhuangxiu/626.html" title="装新派">装新派</a> <span>2024-01-01</span></li>
</ul>
<ul>
<li><a href="http://www.99jky.com/hangye/jixie/619.html" title="农机网">农机网</a> <span>2023-12-31</span></li>
<li><a href="http://www.99jky.com/hangye/huahui/618.html" title="多肉联萌">多肉联萌</a> <span>2023-12-31</span></li>
<li><a href="http://www.99jky.com/hangye/huahui/617.html" title="生态家园网">生态家园网</a> <span>2023-12-31</span></li>
<li><a href="http://www.99jky.com/hangye/huahui/616.html" title="风景园林网">风景园林网</a> <span>2023-12-31</span></li>
<li><a href="http://www.99jky.com/hangye/huahui/615.html" title="兰花吧">兰花吧</a> <span>2023-12-31</span></li>
</ul>
<ul>
<li><a href="/hangye/fangzhi/613.html" title="中国棉花网">中国棉花网</a> <span>2023-12-30</span></li>
<li><a href="/hangye/fangzhi/612.html" title="坯布网">坯布网</a> <span>2023-12-30</span></li>
<li><a href="/hangye/fangzhi/611.html" title="化纤信息网">化纤信息网</a> <span>2023-12-30</span></li>
<li><a href="/hangye/caigou/610.html" title="名品网">名品网</a> <span>2023-12-30</span></li>
<li><a href="/hangye/jixie/609.html" title="工程机械商贸网">工程机械商贸网</a> <span>2023-12-30</span></li>
</ul>
</div>
<div class="listpage"><a title="Total record"> <b>179</b> </a> <b>1</b> <a href="http://www.99jky.com/hangye/index_2.html">2</a> <a href="http://www.99jky.com/hangye/index_3.html">3</a> <a href="http://www.99jky.com/hangye/index_4.html">4</a> <a href="http://www.99jky.com/hangye/index_5.html">5</a> <a href="http://www.99jky.com/hangye/index_6.html">6</a> <a href="http://www.99jky.com/hangye/index_7.html">7</a> <a href="http://www.99jky.com/hangye/index_8.html">8</a> <a href="http://www.99jky.com/hangye/index_2.html">下一页</a> <a href="http://www.99jky.com/hangye/index_8.html">尾页</a></div>
</div>
<!--左侧 end-->
<!--右侧-->
<div class="url-right">
<div class="mobankim-recommend">
<div class="list-title">推荐网站</div>
<ul>
<li><a href="/diannao/sousuo/133.html" target="_blank"><img src="https://s0.wp.com/mshots/v1/www.so.com"><span>360搜索</span></a></li>
<li><a href="/diannao/sousuo/132.html" target="_blank"><img src="https://s0.wp.com/mshots/v1/www.sogou.com"><span>搜狗搜索</span></a></li>
<li><a href="/diannao/sousuo/131.html" target="_blank"><img src="https://s0.wp.com/mshots/v1/www.baidu.com"><span>百度一下，你就知道</span></a></li>
<li><a href="/diannao/sousuo/135.html" target="_blank"><img src="/d/file/p/2021/05-19/e62e09ded013a35481a912b9cc0252e6.jpg"><span>google搜索</span></a></li>
<li><a href="/diannao/sousuo/134.html" target="_blank"><img src="https://s0.wp.com/mshots/v1/cn.bing.com"><span>微软Bing搜索</span></a></li>
<li><a href="/diannao/daohang/139.html" target="_blank"><img src="/d/file/p/20210519/0e3d7024de580316c53520527b08fa52.jpg"><span>搜狗网址导航</span></a></li>
</ul>
</div>
<div class="mobankim-list-hot">
<div class="list-title">热门点击</div>
<ul>
<li><a href="/youxian/yinyue/23.html" target="_blank">QQ音乐</a></li>
<li><a href="/shenghuo/chaxun/168.html" target="_blank">百度知道</a></li>
<li><a href="/diannao/sousuo/131.html" target="_blank">百度一下，你就知道</a></li>
<li><a href="/diannao/sousuo/133.html" target="_blank">360搜索</a></li>
<li><a href="/diannao/sousuo/135.html" target="_blank">google搜索</a></li>
<li><a href="/diannao/sousuo/132.html" target="_blank">搜狗搜索</a></li>
<li><a href="/diannao/sousuo/134.html" target="_blank">微软Bing搜索</a></li>
<li><a href="/diannao/daohang/138.html" target="_blank">360导航</a></li>
<li><a href="/diannao/daohang/139.html" target="_blank">搜狗网址导航</a></li>
<li><a href="/zonghe/xinwen/144.html" target="_blank">凤凰网</a></li>
</ul>
</div>
<div class="mobankim-news-r">
<div class="list-title">最新资讯</div>
<ul>
<li><a href="99jky.com/zixun/wangzhan/113.html" target="_blank">个人网站如何选择、购买、绑定、解析域名</a></li>
<li><a href="99jky.com/zixun/games/112.html" target="_blank">steam推荐禁忌幻想第1章</a></li>
<li><a href="99jky.com/zixun/games/111.html" target="_blank">steam新生也疯狂售出100万份</a></li>
<li><a href="99jky.com/zixun/games/110.html" target="_blank">幻兽帕鲁游戏首发XGP/可以离线玩</a></li>
<li><a href="99jky.com/zixun/yule/109.html" target="_blank">电视剧《繁花》30集却有57首怀旧金曲，哪一首触动你的记忆</a></li>
<li><a href="99jky.com/zixun/yule/108.html" target="_blank">一部《繁花》带你领略90年代上海的魅力</a></li>
<li><a href="99jky.com/zixun/moban/107.html" target="_blank">WordPress报纸杂志和新闻主题SmartMag</a></li>
<li><a href="99jky.com/zixun/moban/106.html" target="_blank">WordPress新闻与WooCommerce主题newspaper</a></li>
<li><a href="99jky.com/zixun/moban/105.html" target="_blank">WordPress主题美食/食谱博客主题cook&meal</a></li>
</ul>
</div>
</div>
<!--右侧 end-->
</div>
<div class="a1mbzcom-foot">
<p class="copyright">Copyright ©2021 九九极客云 网址导航,网站收录,网址大全,网站分类目录 <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">粤ICP备15025043号</a></p>
<script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script>
<script>LA.init({id:"3HHejhYYajAoxVoT",ck:"3HHejhYYajAoxVoT"})</script>
</div>
<!--主结构 end-->
<script src="/layui/layui.js"></script>
<script src="/layui/layui.all.js" charset="utf-8"></script>
<script>
layui.use('carousel', function(){
var carousel = layui.carousel;
//建造实例
carousel.render({
elem: '#test1'
,width: '100%'
,arrow: 'always'
//,anim: 'updown'
});
len = $(".tags-c a").length - 1;
$(".tags-c a").each(function(i) {
var let = new Array( 'f85200', '666666', 'FFAEB9', 'FF8C69', 'FF7256', 'FF69B4', 'CDC673', 'CD96CD', 'CD7054', 'CD6090', '27ea80','3366FF','ff5473','df27ea', '31ac76', 'ea4563', '31a6a0', '8e7daa', '4fad7b', 'f99f13', 'B4EEB4', 'A4D3EE', '8FBC8F', '8DB6CD', '7AC5CD');
var random1 = Math.floor(Math.random() * 12) + 0;
var num = Math.floor(Math.random() * 5 + 12);
$(this).attr('style', 'color:#' + let[random1] + '; opacity: 0.9;'+'');
if ($(this).next().length > 0) {
last = $(this).next().position().left
}
});
});
</script>
</body>
</html>2、css样式
/*九九极客云*/
@import url("mobankimappa.css");
@media (max-width: 1024px) {
.mobankimheader{}
.topbar{}
.topbar-c{width: 100%;overflow: hidden;}
.search{width: 100%;height: auto;margin: 10px auto 10px auto;}
.logo{
width: 100%;
text-align: center;
}
.mobankimsearch-l{width: 96%;margin-left: 2%;margin-right: 2%;}
.mobankimsearch-l form{width: 100%;}
.search-input{width: 86%;}
.a1mbz-com-search-btn{width: 10%;margin-left: 0;}
.mobankimsearch-l span {
margin-top: 5px;
display: block;
margin-left: 0;
height: 25px;
line-height: 25px;
overflow: hidden;
}
.search-rad{
width: 100%;
margin-top: 6px;
}
.mobankimnav ul{
width: 100%;
}
.mobankimnav ul li{}
.mobankimnav{
display: none;
}
.mobankimmain{width: 100%;}
.Left-Navigation{
width: 100%;
}
.Left-Navigation ul{
padding: 10px 0px 10px 0px;
}
.Left-Navigation ul li{
height: auto;
line-height: initial;
float: left;
width: 20%;
text-align: center;
}
.Left-Navigation ul li a{
letter-spacing: 0px;
line-height: 24px;
}
.Left-Navigation ul li a i{
display: block;
}
.right-box {
float: left;
width: 100%;
margin-left: 0;
}
.a1mbzcomMininav{
padding: 10px 2% 10px 2%;
border: solid 0px #e8e8e8;
width: 100%;
}
.a1mbzcomMininav ul{
width: 100%;
margin: 5px 0;
}
.a1mbzcomMininav ul span {
float: left;
width: 30px;
margin-right: 2%;
}
.a1mbzcomMininav ul:nth-child(2) {
width: 100%;
}
.a1mbzcomMininav ul:nth-child(3) {
width: 100%;
}
.a1mbzcomMininav ul:nth-child(4) {
width: 100%;
}
.recommend ul li{
width: 45.5%;
padding: 10px 2% 10px 2%;
border-bottom: 1px solid #e3e3e3;
}
.recommend ul li:nth-child(2n+2) {
border-right: 0px solid #e3e3e3;
}
.recommend{
border: solid 0px #e8e8e8;
}
.recommend ul {
border-top: 1px solid #e3e3e3;
}
.recommend-c{
padding: 15px 2% 0px 2%;
}
.recommend-c ul li{
width: 49%;
margin-right: 2%;
}
.recommend-c ul li:nth-child(2n+2) {
margin-right: 0;
}
.newstext img{max-width:100%}
}原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读