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