index.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="keywords" content="工时管理,项目成本管理,工时统计,项目成本统计,工时记录表,工时统计表," />
  7. <meta name="description" content="工时管家是专业的工时管理软件,提供专业的工时填报,审核和统计功能。引进现代工时管理和项目管理的理念,核算项目投入成本准确便捷,企业IPO利器"/>
  8. <title>工时管理|工时记录表|项目成本管理-工时管家是专业便捷的工时管理系统。支持员工工时统计表上传汇总。 手机移动填报|核算项目成本|企业IPO利器!</title>
  9. <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext" rel="stylesheet">
  10. <link href="css/bootstrap.css" rel="stylesheet">
  11. <!-- <link href="css/fontawesome-all.css" rel="stylesheet"> -->
  12. <link href="css/font-awesome.css" rel="stylesheet">
  13. <link href="css/swiper.css" rel="stylesheet">
  14. <link href="css/magnific-popup.css" rel="stylesheet">
  15. <link href="css/styles.css" rel="stylesheet">
  16. <link rel="icon" href="images/favicon.png">
  17. <!-- 定价方案(改版)样式 -->
  18. <link rel="stylesheet" href="./css/revision.css">
  19. <script>
  20. var _hmt = _hmt || [];
  21. (function() {
  22. var hm = document.createElement("script");
  23. hm.src = "https://hm.baidu.com/hm.js?db6f9072933f13477e2679fb672a8761";
  24. var s = document.getElementsByTagName("script")[0];
  25. s.parentNode.insertBefore(hm, s);
  26. })();
  27. </script>
  28. <script>
  29. var _hmt = _hmt || [];
  30. (function() {
  31. var hm = document.createElement("script");
  32. hm.src = "https://hm.baidu.com/hm.js?fba29f060a1eaae67a055ea3aeac38fe";
  33. var s = document.getElementsByTagName("script")[0];
  34. s.parentNode.insertBefore(hm, s);
  35. })();
  36. </script>
  37. </head>
  38. <body data-spy="scroll" data-target=".fixed-top" style="overflow-y:none">
  39. <div class="spinner-wrapper">
  40. <div class="spinner">
  41. <div class="bounce1"></div>
  42. <div class="bounce2"></div>
  43. <div class="bounce3"></div>
  44. </div>
  45. </div>
  46. <nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
  47. <div class="container">
  48. <!-- Text Logo - Use this if you don't have a graphic logo -->
  49. <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Tivo</a> -->
  50. <!-- Image Logo -->
  51. <a class="navbar-brand logo-image" href="index.html">
  52. <img src="images/img/logo.png" alt="alternative">
  53. </a>
  54. <!-- <img src="images/logo.svg" alt="alternative"> -->
  55. <!-- Mobile Menu Toggle Button -->
  56. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
  57. <span class="navbar-toggler-awesome fa fa-bars"></span>
  58. <span class="navbar-toggler-awesome fa fa-times"></span>
  59. </button>
  60. <!-- end of mobile menu toggle button -->
  61. <!-- <div class="collapse navbar-collapse" id="navbarsExampleDefault">
  62. <ul class="navbar-nav ml-auto">
  63. <li class="nav-item">
  64. <a class="nav-link page-scroll" href="#header">官网首页 <span class="sr-only">(current)</span></a>
  65. </li>
  66. <li class="nav-item">
  67. <a class="nav-link page-scroll" href="#pricing">产品定价</a>
  68. </li>
  69. <li class="nav-item">
  70. </li>
  71. <li class="nav-item">
  72. <a class="nav-link page-scroll" href="./mobile.html">手机版</a>
  73. </li>
  74. <li class="nav-item other-item">
  75. <a class="nav-link page-scroll" href="./about.html">关于我们</a>
  76. </li>
  77. <li class="nav-item">
  78. <a class="nav-link page-scroll" href="http://worktime.ttkuaiban.com/#/register" target="_blank">立即注册</a>
  79. </li>
  80. <li class="nav-divider"></li>
  81. <li class="nav-item">
  82. <a class="nav-link page-scroll" href="http://worktime.ttkuaiban.com/#/login" target="_blank">后台登录</a>
  83. </li>
  84. </ul>
  85. </div> -->
  86. <div class="tabls">
  87. <div class="al"><a href="#header">官网首页</a></div>
  88. <div><a href="#pricing">定价方案</a></div>
  89. <div><a href="./mobile.html">手机版</a></div>
  90. <div><a href="./about.html">关于我们</a></div>
  91. <div><a href="http://worktime.ttkuaiban.com/#/register">立即注册&nbsp;|</a><a href="http://worktime.ttkuaiban.com/#/login">&nbsp;后台登录</a></div>
  92. </div>
  93. </div>
  94. </nav>
  95. <!-- 弹出层 -->
  96. <div class="popups"></div>
  97. <!-- 弹出层 -->
  98. <header id="header" class="header">
  99. <div class="header-content">
  100. <div class="container">
  101. <div class="row">
  102. <div class="col-lg-12 col-xl-12">
  103. <div class="text-container">
  104. <p class="indx">为工时填报、工时统计提供专业解决方案。提供简易的<a href='http://worktime.ttkuaiban.com/upload/员工工时统计模板.xlsx' style="color:#ffcc66;">员工工时记录表Excel</a>,上传后自动分析统计;也能提供丰富完善的个性化功能,适用于智能科技,项目研发管理,广告设计和工程项目等多种领域。</p>
  105. <div class="col-lg-9 col-md-9 col-xl-9" style="margin: 0 auto;display: flex;justify-content: space-around;flex-wrap: wrap;margin-left: 27.5rem;">
  106. <div style="width: 100%;" class="ald">
  107. <!-- <a class="btn-solid-lg btn-solid-lg-white page-scroll overload">软件演示 -->
  108. <!-- <a class="page-scroll overload allsal">演&nbsp示&nbsp咨&nbsp询
  109. <div class="service2">
  110. <p style="color: #333">微信扫码</p>
  111. <img src="./images/code.jpg">
  112. <p><span style="color: #333">客服QQ:</span>3052894409</p>
  113. </div>
  114. </a> -->
  115. <a class="page-scroll allsal aplll" href="http://worktime.ttkuaiban.com/#/login" target="_blank">免&nbsp费&nbsp使&nbsp用</a>
  116. </div>
  117. <!-- <div style="width: 100%;" class="ald">
  118. <a class="page-scroll allsal" href="./mobile.html" target="_blank">手&nbsp机&nbsp版</a>
  119. <span id="xyz" style="color: #555555;" class="page-scroll overload allsal">使&nbsp用&nbsp说&nbsp明</span>
  120. </div> -->
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </header>
  128. <!-- 使用说明弹出层 -->
  129. <div class="instructions" id="instructions" style="display: none;">
  130. <div class="popup" id="popup">
  131. <div class="use">
  132. <h5>使用说明</h5>
  133. <span id="colse">X</span>
  134. </div>
  135. <div class="docums">
  136. <p><a style="color:#409EFF;text-decoration:none" href="http://worktime.ttkuaiban.com/upload/工时管家使用说明.docx" download="工时管家使用说明.docx"
  137. target="_blank">工时管家使用说明.docx</a></p>
  138. <!-- <p><a style="color:#409EFF;text-decoration:none" href="http://worktime.ttkuaiban.com/upload/工时管家使用说明_项目经理.docx" download="工时管家使用说明_项目经理.docx"
  139. target="_blank">工时管家使用说明_项目经理.docx</a></p>
  140. <p><a style="color:#409EFF;text-decoration:none" href="http://worktime.ttkuaiban.com/upload/工时管家使用说明_普通员工.docx" download="工时管家使用说明_普通员工.docx"
  141. target="_blank">工时管家使用说明_普通员工.docx</a></p>
  142. <p><a style="color:#409EFF;text-decoration:none" href="http://worktime.ttkuaiban.com/upload/团队协作使用文档.docx" download="团队协作使用文档.docx"
  143. target="_blank">团队协作使用文档.docx</a></p> -->
  144. </div>
  145. </div>
  146. </div>
  147. <!-- 二维码 -->
  148. <div class="service2s">
  149. <p style="color: #333">微信扫码咨询</p>
  150. <img src="./images/code.jpg">
  151. <p><span style="color: #333">客服QQ:</span>3052894409</p>
  152. </div>
  153. <!-- 简易版 -->
  154. <div class="product">
  155. <div class="pro_tops" style="padding-bottom: 0;">
  156. <h2>Excel简易版</h2>
  157. <p>EXCEL EASY VERSION</p>
  158. </div>
  159. <div class="pro_con_pl">
  160. <img src="images/img/cait.png" alt="">
  161. </div>
  162. </div>
  163. <!-- 产品应用场景 -->
  164. <div class="product">
  165. <div class="pro_tops">
  166. <h2>产品应用场景</h2>
  167. <p>PRODUCT SCENARIOS</p>
  168. <div>随着企业发展不断扩大,项目成本管理需要正规化,这是企业管理的必经之路。得益于行业内积累的技术和产品经验,我们致力于帮助客户顺利完成数字化转型。</div>
  169. </div>
  170. <div class="pro_con">
  171. <img src="images/img/jdx.jpg" alt="">
  172. </div>
  173. </div>
  174. <!-- 流程描述 -->
  175. <div class="process">
  176. <div class="process_til">
  177. <h2>流程描述</h2>
  178. <p>PROCESS DESCRIPTION</p>
  179. </div>
  180. <div class="process_con">
  181. <div class="process_con">
  182. <div class="process_ctn xm1">
  183. <div class="pro_im1"></div>
  184. <h4>项目创建</h4>
  185. <span></span>
  186. <div class="alp">
  187. <p style="margin-top: 55px;">可预估工时,</p>
  188. <p>设置成本基线</p>
  189. </div>
  190. </div>
  191. </div>
  192. <div class="process_con">
  193. <div class="process_ctn xm2">
  194. <div class="pro_im2"></div>
  195. <h4>员工填报</h4>
  196. <span></span>
  197. <div class="alp">
  198. <p style="margin-top: 55px;">日报/周报/月报</p>
  199. <p>1分钟搞定。</p>
  200. </div>
  201. </div>
  202. </div>
  203. <div class="process_con">
  204. <div class="process_ctn xm3">
  205. <div class="pro_im3"></div>
  206. <h4>项目经理审核</h4>
  207. <span></span>
  208. <div class="alp">
  209. <p style="margin-top: 55px;">支持按人员/</p>
  210. <p>项目/部门筛选</p>
  211. <p>批量审核。</p>
  212. </div>
  213. </div>
  214. </div>
  215. <div class="process_con">
  216. <div class="process_ctn xm4">
  217. <div class="pro_im4"></div>
  218. <h4>汇总数据</h4>
  219. <span></span>
  220. <div class="alp">
  221. <p style="margin-top: 34px;">系统自动计算</p>
  222. <p>工时成本,按项</p>
  223. <p>目/部门/人员</p>
  224. <p>归纳。</p>
  225. </div>
  226. </div>
  227. </div>
  228. <div class="process_con">
  229. <div class="process_ctn xm5">
  230. <div class="pro_im5"></div>
  231. <h4>生成统计报表</h4>
  232. <span></span>
  233. <div class="alp">
  234. <p style="margin-top: 55px;">项目成本表,</p>
  235. <p>收支平衡表等,</p>
  236. <p>支持Excel导出,</p>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. <!-- 产品特色功能 -->
  243. <div class="features">
  244. <div class="process_til">
  245. <h2>产品特色功能</h2>
  246. <p>SPECIAL FUNCTION</p>
  247. </div>
  248. <div class="chul">
  249. <div data-ids="0" class="atbs"><img src="images/img/gongshi.png" alt="">工时填报</div>
  250. <div data-ids="1" class="atbs on"><img src="images/img/baogao.png" alt="">报告查看</div>
  251. <div data-ids="2" class="atbs"><img src="images/img/she.png" alt="">工时审批 </div>
  252. <div data-ids="3" class="atbs"><img src="images/img/tongji.png" alt="">项目管理</div>
  253. <div data-ids="4" class="atbs"><img src="images/img/xmu.png" alt="">项目报表</div>
  254. <div data-ids="5" class="atbs"><img src="images/img/cb.png" alt="">成本统计</div>
  255. <div data-ids="6" class="atbs"><img src="images/img/heshuan.png" alt="">财务核算</div>
  256. <div data-ids="7" class="atbs"><img src="images/img/kehu.png" alt="">客户管理</div>
  257. <div data-ids="8" class="atbs"><img src="images/img/feiy.png" alt="">费用报销</div>
  258. <div data-ids="9" class="atbs"><img src="images/img/gongc.png" alt="">工程管理</div>
  259. </div>
  260. <div class="feat_bottom" id="adt">
  261. <h5>提供便捷强大的工时填报、审核、统计功能,围绕企业成本提供一站式解决方案。</h5>
  262. <div class="feat">
  263. <div class="lis"><img src="images/img/工时填报.png" alt=""></div>
  264. <div class="lis"><img src="images/img/日报查看.png" alt=""></div>
  265. <div class="lis"><img src="images/img/日报审核.png" alt=""></div>
  266. <div class="lis"><img src="images/img/bao4.png" alt=""></div>
  267. <div class="lis"><img src="images/img/项目报表服务.png" alt=""></div>
  268. <div class="lis"><img src="images/img/bao6.png" alt=""></div>
  269. <div class="lis"><img src="images/img/bao7.png" alt=""></div>
  270. <div class="lis"><img src="images/img/bao8.png" alt=""></div>
  271. <div class="lis"><img src="images/img/bao9.png" alt=""></div>
  272. <div class="lis"><img src="images/img/bao10.png" alt=""></div>
  273. </div>
  274. </div>
  275. </div>
  276. <!-- 产品矩形 -->
  277. <div class="rectangular">
  278. <div class="process_til">
  279. <h2>产品矩阵</h2>
  280. <p>PRODUCT MATRIX</p>
  281. </div>
  282. <div class="rect_con"><img src="images/img/cpjx.png" alt=""></div>
  283. </div>
  284. <!-- 产品优势 -->
  285. <div class="advantage">
  286. <div class="process_til">
  287. <h2>产品优势</h2>
  288. <p>PRODUCT ADVANTAGE</p>
  289. </div>
  290. <div class="advant_con"><img src="images/img/cpys.png" alt=""></div>
  291. </div>
  292. <!-- 客户说 -->
  293. <div class="customer">
  294. <div class="process_til">
  295. <h2>客户说</h2>
  296. <p>CUSTOMER COMMENTS</p>
  297. </div>
  298. <div style="position: relative;width: 1200px;margin: auto;">
  299. <div class="containerss">
  300. <div class="listss" style="left:0px;">
  301. <img src="./images/img/芯传汇.jpg"></img>
  302. <img src="./images/img/唐古.jpg"></img>
  303. <img src="./images/img/成都中为.jpg"></img>
  304. </div>
  305. </div>
  306. <div class="buttss">
  307. <span index="1" class="ons"><i></i></span>
  308. <span index="2"><i></i></span>
  309. <span index="3"><i></i></span>
  310. </div>
  311. <span class="arrows lefts"><img src="./images/img/left.png" alt=""></span>
  312. <span class="arrows rights"><img src="./images/img/right.png" alt=""></span>
  313. </div>
  314. <div class="cust">
  315. <h6 id="tiltsl">南京芯传汇电子科技 财务总监</h6>
  316. <p id="ppls">「 企业上市对我们的财务提出了严格的要求,工时管家系统帮助我们达到了目标。每个月的成本可以自动分摊到项目上,精确化管理研发项目成本,非常方便好用。」</p>
  317. </div>
  318. </div>
  319. <!-- 定价方案 -->
  320. <div class="pricings" id="pricing" style="margin-bottom: 300px;">
  321. <div class="process_til">
  322. <h2>定价方案</h2>
  323. <p>PRICE PLAN</p>
  324. </div>
  325. <div class="pri">
  326. <div class="li">
  327. <div class="li_con">
  328. <div>Excel简易版</div>
  329. <div>¥<span>58</span>/人/年</div>
  330. </div>
  331. <div>
  332. <ul style="padding: 0;">
  333. <li>技术支持: 7X24小时</li>
  334. <li>工时记录表下载</li>
  335. <li>工时数据上传计算</li>
  336. <li>图形化报表展示</li>
  337. <li>按项目汇总导出</li>
  338. <li>按岗位汇总导出</li>
  339. <li>按部门汇总导出</li>
  340. <li>不限项目数量</li>
  341. <li>支持PC端,企业微信端和钉钉使用</li>
  342. <li></li>
  343. <li></li>
  344. <li></li>
  345. <li></li>
  346. </ul>
  347. </div>
  348. <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
  349. </div>
  350. <div class="li">
  351. <div class="li_con">
  352. <div>基础版</div>
  353. <div>¥<span>188</span>/人/年</div>
  354. </div>
  355. <div>
  356. <ul style="padding: 0;">
  357. <li>技术支持: 7X24小时</li>
  358. <li>系统基础设置</li>
  359. <li>组织结构管理</li>
  360. <li>基础项目管理</li>
  361. <li>员工填报日报</li>
  362. <li>项目经理审批</li>
  363. <li>日报数据导出</li>
  364. <li>财务核算成本</li>
  365. <li>工时成本统计</li>
  366. <li>支持PC端,微信端和钉钉填报</li>
  367. <li></li>
  368. <li></li>
  369. <li></li>
  370. </ul>
  371. </div>
  372. <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
  373. </div>
  374. <div class="li">
  375. <div class="li_con">
  376. <div>项目管理专业版</div>
  377. <div>¥<span>268</span>/人/年</div>
  378. </div>
  379. <div>
  380. <ul style="padding: 0;">
  381. <li>技术支持: 7X24小时</li>
  382. <li>1对1客服</li>
  383. <li>免费使用培训</li>
  384. <li style="color: #ff6565;">基础版全部功能+</li>
  385. <li>专业项目任务管理</li>
  386. <li>文件中心</li>
  387. <li>按项目统计成本</li>
  388. <li>项目数据统计</li>
  389. <li>项目成本预估</li>
  390. <li>费用报销管理</li>
  391. <li>项目报表服务</li>
  392. <li>客户管理</li>
  393. <li>支持PC端,微信端和钉钉填报</li>
  394. </ul>
  395. </div>
  396. <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
  397. </div>
  398. <div class="li">
  399. <div class="li_con">
  400. <div>建筑工程专业版</div>
  401. <div>¥<span>318</span>/人/年</div>
  402. </div>
  403. <div>
  404. <ul style="padding: 0;">
  405. <li>技术支持: 7X24小时</li>
  406. <li>1对1客服</li>
  407. <li>免费使用培训</li>
  408. <li style="color: #ff6565;">项目管理全部功能+</li>
  409. <li>工程专业管理</li>
  410. <li>项目关联专业</li>
  411. <li>设置专业负责人</li>
  412. <li>专业审核</li>
  413. <li>部门审核</li>
  414. <li>专业进度统计</li>
  415. <li>支持PC端,微信端和钉钉填报</li>
  416. <li></li>
  417. <li></li>
  418. </ul>
  419. </div>
  420. <div class="btn"><a href="http://worktime.ttkuaiban.com/#/login"></a></div>
  421. </div>
  422. </div>
  423. </div>
  424. <svg class="footer-frame" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 79"><defs><style>.cls-2{fill:#20a0ff;}</style></defs><title>footer-frame</title><path class="cls-2" d="M0,72.427C143,12.138,255.5,4.577,328.644,7.943c147.721,6.8,183.881,60.242,320.83,53.737,143-6.793,167.826-68.128,293-60.9,109.095,6.3,115.68,54.364,225.251,57.319,113.58,3.064,138.8-47.711,251.189-41.8,104.012,5.474,109.713,50.4,197.369,46.572,89.549-3.91,124.375-52.563,227.622-50.155A338.646,338.646,0,0,1,1920,23.467V79.75H0V72.427Z" transform="translate(0 -0.188)"/></svg>
  425. <div id="features" class="footer">
  426. <div class="container">
  427. <div class="row">
  428. <div class="col-md-4">
  429. <div class="footer-col first middle">
  430. <h4>&nbsp;&nbsp;公司</h4>
  431. <ul class="list-unstyled li-space-lg p-small">
  432. <li class="media">
  433. <div class="media-body">
  434. <a href="about.html" target="_blank" style="color: #f3f7fd;text-decoration:none;"><i class="fa fa-users"></i>&nbsp;&nbsp;&nbsp;关于我们</a>
  435. </div>
  436. </li>
  437. </ul>
  438. </div>
  439. </div>
  440. <div class="col-md-4">
  441. <div class="footer-col middle">
  442. <h4>&nbsp;&nbsp;关注</h4>
  443. <ul class="list-unstyled li-space-lg p-small">
  444. <li class="media">
  445. <div class="media-body"><i class="fa fa-qq"></i>&nbsp;&nbsp;&nbsp;QQ:3052894409</div>
  446. </li>
  447. <li class="media">
  448. <div class="media-body"><i class="fa fa-weixin"></i>&nbsp;&nbsp;&nbsp;微信</div>
  449. </li>
  450. <li class="media">
  451. <img src="images/code.jpg" style="width: 5rem;margin-left: 2rem;">
  452. </li>
  453. </ul>
  454. </div>
  455. </div> <!-- end of col -->
  456. <div class="col-md-4">
  457. <div class="footer-col last">
  458. <div class="footer-col middle">
  459. <h4>&nbsp;&nbsp;类别</h4>
  460. <ul class="list-unstyled li-space-lg p-small">
  461. <!-- <li class="media">
  462. <div class="media-body"><a href="./download.html" style="color: #f3f7fd;text-decoration:none;"><i class="fa fa-windows"></i>&nbsp;&nbsp;&nbsp;Windows版本</a></div>
  463. </li>
  464. <li class="media">
  465. <div class="media-body"><a href="./download.html" style="color: #f3f7fd;text-decoration:none;"><i class="fa fa-apple"></i>&nbsp;&nbsp;&nbsp;Mac版本</a></div>
  466. </li> -->
  467. <li class="media">
  468. <div class="media-body"><a href="http://worktime.ttkuaiban.com/#/login" target="_blank" style="color: #f3f7fd;text-decoration:none;"><i class="fa fa-edge"></i>&nbsp;&nbsp;&nbsp;管理后台</a></div>
  469. </li>
  470. </ul>
  471. </div>
  472. </div>
  473. </div>
  474. </div>
  475. </div>
  476. </div>
  477. <div class="copyright">
  478. <div class="container">
  479. <div class="row">
  480. <div class="col-lg-12">
  481. <p class="p-small">Copyright©2016 南京火石闪信网络有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://beian.miit.gov.cn" target="_blank" style="color:white;">苏ICP备18064522号-1</a></p>
  482. </div>
  483. </div>
  484. </div>
  485. </div>
  486. <script type="text/javascript">
  487. let cli = document.getElementById('xyz') // 首页使用说明的按钮
  488. let colse = document.getElementById('colse') // 使用说明弹出层关闭按钮
  489. let instructions = document.getElementById('instructions') // 使用说明弹出层
  490. let popup = document.getElementById('popup') // 使用说明中间白色内容部分
  491. let bod = document.getElementsByTagName("body")[0] // body 元素
  492. cli.addEventListener('click', function(){
  493. instructions.style['display'] = 'block'
  494. bod.style['overflow'] = 'hidden'
  495. })
  496. colse.addEventListener('click', function(){
  497. instructions.style['display'] = 'none'
  498. bod.style['overflow'] = ''
  499. })
  500. instructions.addEventListener('click', function(){
  501. instructions.style['display'] = 'none'
  502. bod.style['overflow'] = ''
  503. })
  504. popup.addEventListener('click', function(event){
  505. event.stopPropagation()
  506. console.log(event);
  507. })
  508. </script>
  509. <!-- Scripts -->
  510. <script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
  511. <script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
  512. <script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
  513. <script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
  514. <script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
  515. <script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
  516. <script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
  517. <script src="js/scripts.js"></script> <!-- Custom scripts -->
  518. <!-- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> -->
  519. <script src="js/Working.js"></script>
  520. <!-- <script>
  521. $('#tbaos').click(function() {
  522. console.log(123456)
  523. })
  524. </script> -->
  525. </body>
  526. </html>