Skip to content

remove the useless Space in file #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
HDsky wants to merge 2 commits into
base: master
Choose a base branch
from
Open

remove the useless Space in file #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d861f6f
remove the useless Space in file
HDsky Sep 23, 2019
88cb406
replace the "jj" to "sample"
HDsky Sep 23, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
168 changes: 74 additions & 94 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>只言片语导航 &nbsp;- 不懂就搜，一搜就懂</title>
<meta name="keywords" content="只言片语导航,不懂就搜,实用网址,主页导航,简单网址导航">
<meta name="description" content="只言片语，可寻万物！"/>
<link rel="shortcut icon" href="static/img/favicon.ico">
<link href="static/css/style.css" rel="stylesheet" type="text/css">
<!-- 百度统计代码 -->
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?786a6208323fbecfb41d71bfda8daca6";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body>
<div class="inner-center main">
Expand All @@ -32,7 +21,6 @@
</div>
</div>
<!-- slogan end -->

<!-- 搜索框 start -->
<div id="search_form" class="search-section"target="_blank">
<div class="search-left">
Expand All @@ -44,7 +32,7 @@
maxlength="100"
autocomplete="off"
type="text"
placeholder="不懂么？不懂就搜，给老子搜！">
placeholder="搜一搜～">
<div class="clear-keyword" id="clear_keyword" title="清空">x</div>
</div>
<!-- 搜索引擎 start -->
Expand All @@ -66,96 +54,90 @@
<input class="search-submit" value="" id="search_submit" type="submit">
</div>
<!-- 搜索框 end -->

<!-- 导航地址 start -->
<div class="nav-content">
<div class="jj-list">
<div class="jj-list-tit">麦 · Mai</div>
<ul class="jj-list-con">
<li><a href="https://www.google.com/" class="jj-list-link" target="_blank">Google</a></li>
<li><a href="https://www.baidu.com/" class="jj-list-link" target="_blank">百度</a></li>
<li><a href="https://cn.bing.com/" class="jj-list-link" target="_blank">Bing</a></li>
<li><a href="https://www.sogou.com/" class="jj-list-link" target="_blank">搜狗搜索</a></li>
<li><a href="https://www.so.com/" class="jj-list-link" target="_blank">360搜索</a></li>
<li><a href="https://www.toutiao.com/search/?keyword=/" class="jj-list-link" target="_blank">头条搜索</a></li>
<li><a href="https://translate.google.cn/" class="jj-list-link" target="_blank">谷歌翻译</a></li>
<li><a href="https://fanyi.baidu.com/" class="jj-list-link" target="_blank">百度翻译</a></li>
<li><a href="http://fanyi.youdao.com/" class="jj-list-link" target="_blank">有道翻译</a></li>
<div class="sample-list">
<div class="sample-list-tit">麦 · Mai</div>
<ul class="sample-list-con">
<li><a href="https://www.google.com/" class="sample-list-link" target="_blank">Google</a></li>
<li><a href="https://www.baidu.com/" class="sample-list-link" target="_blank">百度</a></li>
<li><a href="https://cn.bing.com/" class="sample-list-link" target="_blank">Bing</a></li>
<li><a href="https://www.sogou.com/" class="sample-list-link" target="_blank">搜狗搜索</a></li>
<li><a href="https://www.so.com/" class="sample-list-link" target="_blank">360搜索</a></li>
<li><a href="https://www.toutiao.com/search/?keyword=/" class="sample-list-link" target="_blank">头条搜索</a></li>
<li><a href="https://translate.google.cn/" class="sample-list-link" target="_blank">谷歌翻译</a></li>
<li><a href="https://fanyi.baidu.com/" class="sample-list-link" target="_blank">百度翻译</a></li>
<li><a href="http://fanyi.youdao.com/" class="sample-list-link" target="_blank">有道翻译</a></li>
</ul>
</div>
<div class="jj-list">
<div class="jj-list-tit">胖 · Pang</div>
<ul class="jj-list-con">
<li><a href="https://www.zhihu.com/" class="jj-list-link" target="_blank">知乎</a></li>
<li><a href="https://web.okjike.com/feed/" class="jj-list-link" target="_blank">即刻</a></li>
<li><a href="https://www.v2ex.com/" class="jj-list-link" target="_blank">V2EX</a></li>
<li><a href="https://weibo.com/" class="jj-list-link" target="_blank">微博</a></li>
<li><a href="https://www.jianshu.com/" class="jj-list-link" target="_blank">简书</a></li>
<li><a href="https://www.douban.com/" class="jj-list-link" target="_blank">豆瓣</a></li>
<li><a href="http://www.woshipm.com/" class="jj-list-link" target="_blank">产品经理</a></li>
<li><a href="http://www.chanpin100.com/" class="jj-list-link" target="_blank">产品壹佰</a></li>
<li><a href="http://someword.me/" class="jj-list-link" target="_blank">只言片语</a></li>
<div class="sample-list">
<div class="sample-list-tit">胖 · Pang</div>
<ul class="sample-list-con">
<li><a href="https://www.zhihu.com/" class="sample-list-link" target="_blank">知乎</a></li>
<li><a href="https://web.okjike.com/feed/" class="sample-list-link" target="_blank">即刻</a></li>
<li><a href="https://www.v2ex.com/" class="sample-list-link" target="_blank">V2EX</a></li>
<li><a href="https://weibo.com/" class="sample-list-link" target="_blank">微博</a></li>
<li><a href="https://www.jianshu.com/" class="sample-list-link" target="_blank">简书</a></li>
<li><a href="https://www.douban.com/" class="sample-list-link" target="_blank">豆瓣</a></li>
<li><a href="http://www.woshipm.com/" class="sample-list-link" target="_blank">产品经理</a></li>
<li><a href="http://www.chanpin100.com/" class="sample-list-link" target="_blank">产品壹佰</a></li>
<li><a href="http://someword.me/" class="sample-list-link" target="_blank">只言片语</a></li>
</ul>
</div>
<div class="jj-list">
<div class="jj-list-tit">皮 · Pi</div>
<ul class="jj-list-con">
<li><a href="https://ke.qq.com/" class="jj-list-link" target="_blank">腾讯课堂</a></li>
<li><a href="https://study.163.com/" class="jj-list-link" target="_blank">网易云课堂</a></li>
<li><a href="https://www.imooc.com/" class="jj-list-link" target="_blank">慕课网</a></li>
<li><a href="https://www.bilibili.com/" class="jj-list-link" target="_blank">哔哩哔哩</a></li>
<li><a href="https://www.iqiyi.com/" class="jj-list-link" target="_blank">爱奇艺</a></li>
<li><a href="https://v.qq.com/" class="jj-list-link" target="_blank">腾讯视频</a></li>
<li><a href="https://www.youku.com/" class="jj-list-link" target="_blank">优酷</a></li>
<li><a href="http://cpc.people.com.cn/" class="jj-list-link" target="_blank">1024</a></li>
<li><a href="http://www.zimuzu.tv/" class="jj-list-link" target="_blank">人人影视</a></li>

<div class="sample-list">
<div class="sample-list-tit">皮 · Pi</div>
<ul class="sample-list-con">
<li><a href="https://ke.qq.com/" class="sample-list-link" target="_blank">腾讯课堂</a></li>
<li><a href="https://study.163.com/" class="sample-list-link" target="_blank">网易云课堂</a></li>
<li><a href="https://www.imooc.com/" class="sample-list-link" target="_blank">慕课网</a></li>
<li><a href="https://www.bilibili.com/" class="sample-list-link" target="_blank">哔哩哔哩</a></li>
<li><a href="https://www.iqiyi.com/" class="sample-list-link" target="_blank">爱奇艺</a></li>
<li><a href="https://v.qq.com/" class="sample-list-link" target="_blank">腾讯视频</a></li>
<li><a href="https://www.youku.com/" class="sample-list-link" target="_blank">优酷</a></li>
<li><a href="http://cpc.people.com.cn/" class="sample-list-link" target="_blank">1024</a></li>
<li><a href="http://www.zimuzu.tv/" class="sample-list-link" target="_blank">人人影视</a></li>
</ul>
</div>
<div class="jj-list">
<div class="jj-list-tit">笑 · Xiao</div>
<ul class="jj-list-con">
<li><a href="https://www.36kr.com/" class="jj-list-link" target="_blank">36氪</a></li>
<li><a href="https://www.huxiu.com/" class="jj-list-link" target="_blank">虎嗅</a></li>
<li><a href="https://www.toutiao.com/" class="jj-list-link" target="_blank">今日头条</a></li>
<li><a href="https://www.163.com/" class="jj-list-link" target="_blank">网易</a></li>
<li><a href="https://sspai.com/" class="jj-list-link" target="_blank">少数派</a></li>
<li><a href="http://ac.scmor.com/" class="jj-list-link" target="_blank">谷歌镜像</a></li>
<li><a href="https://youquhome.com/" class="jj-list-link" target="_blank">GitHub</a></li>
<li><a href="https://coding.net/" class="jj-list-link" target="_blank">Coding</a></li>
<li><a href="https://www.coolist.net/" class="jj-list-link" target="_blank">酷软清单</a></li>
<div class="sample-list">
<div class="sample-list-tit">笑 · Xiao</div>
<ul class="sample-list-con">
<li><a href="https://www.36kr.com/" class="sample-list-link" target="_blank">36氪</a></li>
<li><a href="https://www.huxiu.com/" class="sample-list-link" target="_blank">虎嗅</a></li>
<li><a href="https://www.toutiao.com/" class="sample-list-link" target="_blank">今日头条</a></li>
<li><a href="https://www.163.com/" class="sample-list-link" target="_blank">网易</a></li>
<li><a href="https://sspai.com/" class="sample-list-link" target="_blank">少数派</a></li>
<li><a href="http://ac.scmor.com/" class="sample-list-link" target="_blank">谷歌镜像</a></li>
<li><a href="https://youquhome.com/" class="sample-list-link" target="_blank">GitHub</a></li>
<li><a href="https://coding.net/" class="sample-list-link" target="_blank">Coding</a></li>
<li><a href="https://www.coolist.net/" class="sample-list-link" target="_blank">酷软清单</a></li>
</ul>
</div>
<div class="jj-list">
<div class="jj-list-tit">嘻 · Xi</div>
<ul class="jj-list-con">
<li><a href="https://map.baidu.com/" class="jj-list-link" target="_blank">百度地图</a></li>
<li><a href="http://www.google.cn/maps" class="jj-list-link" target="_blank">谷歌地图</a></li>
<li><a href="https://www.amap.com/" class="jj-list-link" target="_blank">高德地图</a></li>
<li><a href="https://sm.ms/" class="jj-list-link" target="_blank">SM图床</a></li>
<li><a href="https://tool.lu/" class="jj-list-link" target="_blank">程序员工具</a></li>
<li><a href="http://www.alloyteam.com/nav/" class="jj-list-link" target="_blank">前端工具</a></li>
<li><a href="http://www.99baiduyun.com/" class="jj-list-link" target="_blank">网盘搜索</a></li>
<li><a href="https://cli.im/" class="jj-list-link" target="_blank">二维码</a></li>
<li><a href="http://www.qinms.com/webapp/barcode/index.aspx" class="jj-list-link" target="_blank">条形码</a></li>

<div class="sample-list">
<div class="sample-list-tit">嘻 · Xi</div>
<ul class="sample-list-con">
<li><a href="https://map.baidu.com/" class="sample-list-link" target="_blank">百度地图</a></li>
<li><a href="http://www.google.cn/maps" class="sample-list-link" target="_blank">谷歌地图</a></li>
<li><a href="https://www.amap.com/" class="sample-list-link" target="_blank">高德地图</a></li>
<li><a href="https://sm.ms/" class="sample-list-link" target="_blank">SM图床</a></li>
<li><a href="https://tool.lu/" class="sample-list-link" target="_blank">程序员工具</a></li>
<li><a href="http://www.alloyteam.com/nav/" class="sample-list-link" target="_blank">前端工具</a></li>
<li><a href="http://www.99baiduyun.com/" class="sample-list-link" target="_blank">网盘搜索</a></li>
<li><a href="https://cli.im/" class="sample-list-link" target="_blank">二维码</a></li>
<li><a href="http://www.qinms.com/webapp/barcode/index.aspx" class="sample-list-link" target="_blank">条形码</a></li>
</ul>
</div>
<div class="jj-list">
<div class="jj-list-tit">嘻 · Xi</div>
<ul class="jj-list-con">

<li><a href="http://www.dytt8.net/" class="jj-list-link" target="_blank">电影天堂</a></li>
<li><a href="https://zhuanlan.zhihu.com/p/36456284" class="jj-list-link" target="_blank">图片素材</a></li>
<li><a href="https://www.portablesoft.org/" class="jj-list-link" target="_blank">效率工具</a></li>
<li><a href="https://www.taobao.com/" class="jj-list-link" target="_blank">淘宝</a></li>
<li><a href="https://www.jd.com/" class="jj-list-link" target="_blank">京东</a></li>
<li><a href="https://www.suning.com/" class="jj-list-link" target="_blank">苏宁</a></li>
<li><a href="https://www.smzdm.com/" class="jj-list-link" target="_blank">什么值得买</a></li>
<li><a href="http://www.zealer.com/" class="jj-list-link" target="_blank">Zealer</a></li>
<li><a href="http://www.manmanbuy.com/" class="jj-list-link" target="_blank">慢慢买</a></li>


<div class="sample-list">
<div class="sample-list-tit">嘻 · Xi</div>
<ul class="sample-list-con">
<li><a href="http://www.dytt8.net/" class="sample-list-link" target="_blank">电影天堂</a></li>
<li><a href="https://zhuanlan.zhihu.com/p/36456284" class="sample-list-link" target="_blank">图片素材</a></li>
<li><a href="https://www.portablesoft.org/" class="sample-list-link" target="_blank">效率工具</a></li>
<li><a href="https://www.taobao.com/" class="sample-list-link" target="_blank">淘宝</a></li>
<li><a href="https://www.jd.com/" class="sample-list-link" target="_blank">京东</a></li>
<li><a href="https://www.suning.com/" class="sample-list-link" target="_blank">苏宁</a></li>
<li><a href="https://www.smzdm.com/" class="sample-list-link" target="_blank">什么值得买</a></li>
<li><a href="http://www.zealer.com/" class="sample-list-link" target="_blank">Zealer</a></li>
<li><a href="http://www.manmanbuy.com/" class="sample-list-link" target="_blank">慢慢买</a></li>
</ul>
</div>
</div>
Expand All @@ -164,14 +146,12 @@
</div>
<footer class="inner-center footer">
<p>
<a href="https://github.com/TopVitamin/static-nav" target="_blank"> <img src="./static/css/img/github.png" alt="" height="20" width="20"></a>
<a href="https://github.com/TopVitamin/static-nav" target="_blank"> <img src="./static/css/img/github.png" alt="" height="20" width="20"></a>
</p>
<p style="margin-top:8px;"> <a href="http://someword.me" style="color:#8C8C8C;" target="_blank">Copyright © 2019 Hosted by 只言片语</a></p>

</footer>
<script src="./static/js/jquery.min.js"></script>
<script src="./static/js/keyword.js"></script>


</body>
</html>
26 changes: 11 additions & 15 deletions static/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,23 +44,21 @@ textarea {
.inner-center {
width: 1000px;
margin: 0 auto;

}

.main {
padding-top: 5%;
min-height: 100%;

}
.content-inside{
padding-bottom: 60px;
padding-bottom: 60px;
}
.footer {
height: 60px;
text-align: center;
margin-top: -60px;
margin-top: -60px;
/* position: relative;
margin-top: -100px;
margin-top: -100px;
clear:both; */
}
/* logo start */
Expand Down Expand Up @@ -249,35 +247,35 @@ textarea {

/*-----------------------------简洁版样式定义- 开始---------------------------------------------------*/

.jj-list {
.sample-list {
width: 33.33%;
float: left;
margin-bottom: 30px;
padding-right: 16px;
}
.jj-list:nth-of-type(3n) {
.sample-list:nth-of-type(3n) {
padding-right: 0;
}
.jj-list-tit {
.sample-list-tit {
font-size: 16px;
line-height: 25px;
color: rgba(49, 70, 89, 1);
font-weight: bold;
}
.jj-list-con {
.sample-list-con {
overflow: hidden;
margin: 0 auto;

}
.jj-list-con li {
.sample-list-con li {
box-sizing: border-box; /*以IE盒子模型的width为标准*/
padding: 1px 1px; /*设置div的内边距*/
width: 33.33%; /*div等分成4部分*/
float: left;
}


.jj-list-link {
.sample-list-link {
display: block;
background: rgba(230, 247, 255, 0.96);
color:rgba(49, 70, 89, 1);
Expand All @@ -287,13 +285,11 @@ textarea {
transition: all 0.2s;
border-radius: 2px;
}
.jj-list-link:hover {
.sample-list-link:hover {
background: #1890FF 100%;
font-size: 18px;
font-weight: bold;
color: #fff;
}

/*-----------------------------简洁版样式定义- 结束---------------------------------------------------*/


/*-----------------------------简洁版样式定义- 结束---------------------------------------------------*/