-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
187 lines (169 loc) · 7.03 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>JLKB</title>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="./logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/">
<link href="static/css/css2.css" rel="stylesheet">
<link rel="stylesheet" href="static/css/all.css">
<link href="static/css/icon.css" rel="stylesheet">
<link rel="stylesheet" href="static/css/normalize.min.css">
<link rel="stylesheet" href="static/css/style.css">
<link rel="stylesheet" href="static/css/nav.css">
<link rel="stylesheet" href="static/css/font-awesome.min.css">
<script src="static/js/particles.min.js"></script>
</head>
<style>
table {
border-collapse: collapse;
}
.td{
background-color: #f2f5f2;
text-align: center;
color: #5c5679;
font-size: 30px;
}
th, td {
border: 2px solid #dddddd;
text-align: left;
padding: 8px;
}
th {
background-color: #f2f2f2;
color: red;
}
td {
color: #03dac6;
font-size: 25px;
padding: 10px;
max-width: 250px;
text-align: center;
}
</style>
<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty() >
<section class="nav"id="home">
<h1>J L K B</h1>
<h3 class="span">
<span>神</span>
<span>奇</span>
<span>的</span>
<span>外</span>
<span>设</span>
<span> </span>
<span>可</span>
<span>自</span>
<span>定</span>
<span>义</span>
<span> </span>
<span>可</span>
<span>定</span>
<span>制</span>
<span>旋</span>
<span>钮</span>
<span>、</span>
<span>摇</span>
<span>杆</span>
<span>等</span>
<span>……</span>
</h3>
<div class="nav-container">
<a class="nav-tab" href="#home">首 页</a>
<a class="nav-tab" href="#tab-pwa">选 购</a>
<a class="nav-tab" href="#tab-graphql">定 制</a>
<a class="nav-tab" href="#tab-next">驱 动</a>
<a class="nav-tab" href="#tab-typescript">教 程</a>
<a class="nav-tab" href="#test">测 试</a>
<a class="nav-tab" href="#tab-deno">更 多</a>
<span class="nav-tab-slider"></span>
</div>
</section>
<main class="main">
<section class="slider" id="tab-pwa">
<h1>选 购 定 制</h1>
<h2><a class="a" href="https://jlkb.taobao.com" target="_blank">点我选购一个属于自己的外设吧！...<br><br><h2>或扫码选购↓↓↓↓↓↓<h2><br><img src="./static/images/tb.png"></img></a></h2>
</section>
<section class="slider" id="tab-graphql">
<h1>配 列 定 制</h1>
<h2>定制一个独一无二的外设……</h2>
<h2><a class="a" href="./jc/diy.html" target="_blank">点我了解定制流程</a></h2>
<h2>或请扫码咨询</h2>
<div>
<br>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=532192607&site=qq&menu=yes"><img src="./static/images/qq.png"></img></a>
<a href="weixin://&RecordId=jeromeli002" target="_blank"><img src="./static/images/wx.png"></img></a>
<a href="https://jlkb.taobao.com" target="_blank"><img src="./static/images/tb.png"></img></a>
</div>
</section>
<section class="slider" id="tab-next">
<h1>改 键 驱 动</h1>
<h2>自定义改键驱动下载……</h2>
<h3 class="span1"><span>请选择对应版本，0.6和0.7.1版本互不兼容！</span></h3>
<br>
<table>
<tr> <!--第1行-->
<td class="td">Windows版</td> <!--第1个-->
<td class="td">Mac版</td> <!--第2个-->
<td class="td">其他下载</td> <!--第3个-->
<td class="td">备用地址</td> <!--第4个-->
</tr>
<tr> <!--第2行-->
<td><a class="a" href="./files/win-ch-0.7.zip" target="_blank">中文Win-0.7</a></td> <!--第1个-->
<td><a class="a" href="./files/mac-ch-0.7.zip" target="_blank">中文Mac-0.7</a></td> <!--第2个-->
<td><a class="a" href="./files/tools.zip" target="_blank">固件更新工具</a></td> <!--第3个-->
<td><a style="color: #ff00dda6;" href="http://lhfha.x3322.net:5244/" target="_blank">备用下载地址</a></td> <!--第4个-->
</tr>
<tr> <!--第3行-->
<td><a class="a" href="./files/win-en-0.7.zip" target="_blank">英文Win-0.7</a></td> <!--第1个-->
<td><a class="a" href="./files/mac-en-0.7.zip" target="_blank">英文Mac-0.7</a></td> <!--第2个-->
<td><a class="a" href="./files/Ble.zip" target="_blank">蓝牙双模改建</a></td> <!--第3个-->
<td><a class="a" href="https://jlkeyboard.github.io/jlkb.github.io/" target="_blank">英文Web版</a></td> <!--第4个-->
</tr>
</table>
<br>
</section>
<section class="slider" id="tab-typescript">
<h1>简 易 教 程</h1>
<h2><a class="a" href="./jc/vial-jl.html" target="_blank">自定义改键宏等简易教程</a><br>
<a class="a" href="./jc/tools.html" target="_blank">固件更新教程，</a><br>
更多详细教程请<a class="a" href="http://www.google.com/ncr" target="_blank">Google</a>或<a class="a" href="http://www.bing.com" target="_blank">bing</a>搜索Vial教程……</h2>
</section>
<section class="slider" id="test">
<h1>外 设 测 试</h1><br>
<h2>外设测试……</h2><br>
<h2><a class="a" href="./jc/kbtest/" target="_blank">键盘测试</a></h2><br><br>
<h2><a class="a" href="./jc/game.html" target="_blank">游戏手柄测试</a></h2><br><br>
<h2><a class="a" href="./jc/midi.html" target="_blank">MIDI测试</a></h2>
</section>
<section class="slider" id="tab-deno">
<h1>更 多 期 待</h1>
<h2>留给未来……</h2><br>
<p><a style="color: #1e1f26;font-size: 20px;" href="./firmware" target="_blank">固件下载</a></p>
</section>
</main>
<canvas class="background"></canvas>
<div class="leftNav-item">
<ul>
<li lay-data="img" data-fooc="static/images/tb.png">
<i >选购</i><a href="javascript:;" class="rota">选购</a>
</li>
<li lay-data="img" data-fooc="static/images/wx.png">
<i >微信</i><a href="javascript:;" class="rota">微信</a>
</li>
<li lay-data="img" data-fooc="static/images/qq.png">
<i >QQ</i><a href="javascript:;" class="rota">QQ</a>
</li>
<li title="返回顶部" class="for-top">
<i >首页</i>
<a href="javascript:;" class="rota">去顶部</a>
</li>
</ul>
</div>
<script src='static/js/jquery.min.js'></script>
<script src="static/js/script.js"></script>
<script src="static/js/nav.js"></script>
</body>
</html>