帝国CMS自适应网址导航网站模板代码

简介: 帝国CMS自适应网址导航网站模板代码分享

  帝国CMS自适应网址导航网站为互联网用户提供音乐、小说、NBA、财经、购物、视频、软件及热门游戏网址大全等,提供了多种搜索引擎入口、实用查询、天气预报、个性定制等各种分类的优秀内容和网站入口,提供简单便捷的上网导航。演示http://www.99jky.com/diannao/

  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="http://www.99jky.com/layui/css/layui.css" type="text/css">
<link rel="stylesheet" href="http://www.99jky.com/skin/mobankim/css/mobankimstyle.css" type="text/css">
<link rel="stylesheet" href="http://www.99jky.com/skin/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="http://www.99jky.com/skin/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">&nbsp;<b>179</b> </a>&nbsp;&nbsp;&nbsp;<b>1</b>&nbsp;<a href="http://www.99jky.com/hangye/index_2.html">2</a>&nbsp;<a href="http://www.99jky.com/hangye/index_3.html">3</a>&nbsp;<a href="http://www.99jky.com/hangye/index_4.html">4</a>&nbsp;<a href="http://www.99jky.com/hangye/index_5.html">5</a>&nbsp;<a href="http://www.99jky.com/hangye/index_6.html">6</a>&nbsp;<a href="http://www.99jky.com/hangye/index_7.html">7</a>&nbsp;<a href="http://www.99jky.com/hangye/index_8.html">8</a>&nbsp;<a href="http://www.99jky.com/hangye/index_2.html">下一页</a>&nbsp;<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="http://www.99jky.com/zixun/wangzhan/113.html" target="_blank">个人网站如何选择、购买、绑定、解析域名</a></li>
<li><a href="http://www.99jky.com/zixun/games/112.html" target="_blank">steam推荐禁忌幻想第1章</a></li>
<li><a href="http://www.99jky.com/zixun/games/111.html" target="_blank">steam新生也疯狂售出100万份</a></li>
<li><a href="http://www.99jky.com/zixun/games/110.html" target="_blank">幻兽帕鲁游戏首发XGP/可以离线玩</a></li>
<li><a href="http://www.99jky.com/zixun/yule/109.html" target="_blank">电视剧《繁花》30集却有57首怀旧金曲,哪一首触动你的记忆</a></li>
<li><a href="http://www.99jky.com/zixun/yule/108.html" target="_blank">一部《繁花》带你领略90年代上海的魅力</a></li>
<li><a href="http://www.99jky.com/zixun/moban/107.html" target="_blank">WordPress报纸杂志和新闻主题SmartMag</a></li>
<li><a href="http://www.99jky.com/zixun/moban/106.html" target="_blank">WordPress新闻与WooCommerce主题newspaper</a></li>
<li><a href="http://www.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%}
}
目录
相关文章
|
6月前
|
移动开发 前端开发 HTML5
HTML5实现酷炫个人产品推广、工具推广、信息推广、个人主页、个人介绍、酷炫官网、门户网站模板源码
HTML5实现酷炫个人产品推广、工具推广、信息推广、个人主页、个人介绍、酷炫官网、门户网站模板源码
|
4月前
二次元风格个人导航网站源码
二次元风格个人导航网站源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
127 1
|
4月前
素颜简约的个人导航网站源码
素颜简约的个人导航网站源码
117 0
素颜简约的个人导航网站源码
|
5月前
易优cms内核简洁文章资讯作文范文网站模板源码(带手机版)
易优cms内核简洁文章资讯作文范文网站模板源码(带手机版)
40 10
|
5月前
|
前端开发 Apache 数据库
ThinkPHP+Bootstrap简约自适应网址导航网站源码
使用 ThinkPHP+bootstrap 开发,后台采用全局 ajax 无刷新加载,前后台自适应,前台页面非常简洁适合自己收藏网站或做导航网站。
74 1
|
6月前
|
PHP 数据库 数据安全/隐私保护
帝国cms仿鳄鱼下载站网站源码(已测试)
帝国cms仿鳄鱼下载站网站源码(已测试)
124 10
|
6月前
|
前端开发
浅蓝色小清新说说文章类个人网站模板代码
浅蓝色小清新说说文章博客模板适用于经典说说、伤感说说、个性说说、搞笑说说、爱情说说等各种QQ说说心情短语内容的发布。
42 1
浅蓝色小清新说说文章类个人网站模板代码
|
6月前
简约大气的个人导航网站源码
简约大气的个人导航网站源码
140 0
简约大气的个人导航网站源码
|
11月前
|
前端开发
移动端开发——京东首页制作(流式布局)
移动端开发——京东首页制作(流式布局)
|
移动开发 前端开发
动漫网站-前端网页技术精美网站源码HTML+CSS+JS
动漫网站-前端网页技术精美网站源码HTML+CSS+JS
263 0
动漫网站-前端网页技术精美网站源码HTML+CSS+JS