time.html 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="renderer" content="webkit" />
  8. <meta name="robots" content="index, follow" />
  9. <meta name="keywords" content="" />
  10. <meta name="description" content="" />
  11. <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen"
  12. />
  13. <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen"
  14. />
  15. <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen"
  16. />
  17. <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
  18. media="screen"/>
  19. -->
  20. <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen"
  21. />
  22. <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen"
  23. />
  24. <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen"
  25. />
  26. <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen"
  27. />
  28. <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen"
  29. />
  30. <style>
  31. @import url(../css/time/time.css?family=Fira+Sans:200,400,500);
  32. * {
  33. border: 0;
  34. margin: 0;
  35. padding: 0;
  36. }
  37. html {
  38. height: 100%;
  39. }
  40. body {
  41. height: inherit;
  42. display: flex;
  43. flex-direction: column;
  44. font-family: "Fira Sans", sans-serif;
  45. -webkit-font-smoothing: antialiased;
  46. -moz-osx-font-smoothing: grayscale;
  47. color: #79838c;
  48. }
  49. a {
  50. color: #50585f;
  51. text-decoration: none;
  52. }
  53. a:hover {
  54. color: #383e44;
  55. }
  56. div.containerTime {
  57. display: flex;
  58. flex: auto;
  59. flex-direction: column;
  60. max-height: 100%;
  61. }
  62. div.header {
  63. height: auto;
  64. text-align: center;
  65. background: slategrey;
  66. color: ghostwhite;
  67. padding: 2.3rem 1rem 2.3rem 1rem;
  68. position: relative;
  69. }
  70. div.header:after {
  71. content: "";
  72. position: absolute;
  73. bottom: -5rem;
  74. left: 0rem;
  75. height: 5.1rem;
  76. display: block;
  77. width: 100%;
  78. z-index: 300;
  79. background: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
  80. /* FF3.6-15 */
  81. background: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
  82. /* Chrome10-25,Safari5.1-6 */
  83. background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%);
  84. /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  85. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
  86. /* IE6-9 */
  87. }
  88. div.header h1 {
  89. margin-top: 0.8rem;
  90. margin-bottom: 0.5rem;
  91. font-weight: 200;
  92. font-size: 1.6em;
  93. letter-spacing: 0.1rem;
  94. text-transform: uppercase;
  95. }
  96. @media (min-width: 62em) {
  97. div.header h1 {
  98. font-size: 1.9em;
  99. letter-spacing: 0.2rem;
  100. }
  101. }
  102. div.header h2 {
  103. font-size: 1.1em;
  104. font-weight: 400;
  105. color: #cfd7de;
  106. max-width: 30rem;
  107. margin: auto;
  108. }
  109. div.item {
  110. display: flex;
  111. flex: auto;
  112. overflow-y: auto;
  113. padding: 0rem 1rem 0rem 1rem;
  114. }
  115. #timeline {
  116. position: relative;
  117. display: table;
  118. height: 100%;
  119. margin-left: auto;
  120. margin-right: auto;
  121. margin-top: 5rem;
  122. }
  123. #timeline div:after {
  124. content: "";
  125. width: 2px;
  126. position: absolute;
  127. top: 0.5rem;
  128. bottom: 0rem;
  129. left: 60px;
  130. z-index: 1;
  131. background: #C5C5C5;
  132. }
  133. #timeline h3 {
  134. position: -webkit-sticky;
  135. position: sticky;
  136. top: 5rem;
  137. color: #888;
  138. margin: 0;
  139. font-size: 1em;
  140. font-weight: 400;
  141. line-height: 1.0;
  142. }
  143. @media (min-width: 62em) {
  144. #timeline h3 {
  145. font-size: 1.1em;
  146. }
  147. }
  148. #timeline section.year {
  149. position: relative;
  150. }
  151. #timeline section.year:first-child section {
  152. margin-top: -1.3em;
  153. padding-bottom: 0px;
  154. }
  155. #timeline section.year section {
  156. position: relative;
  157. padding-bottom: 1.25em;
  158. margin-bottom: 2.2em;
  159. }
  160. #timeline section.year section h4 {
  161. position: absolute;
  162. bottom: 0;
  163. font-size: 0.9em;
  164. font-weight: 400;
  165. line-height: 1.2em;
  166. margin: 0;
  167. padding: 0 0 0 89px;
  168. color: #C5C5C5;
  169. }
  170. @media (min-width: 62em) {
  171. #timeline section.year section h4 {
  172. font-size: 1em;
  173. }
  174. }
  175. #timeline section.year section ul {
  176. list-style-type: none;
  177. padding: 0 0 0 75px;
  178. margin: -1.35rem 0 1em;
  179. /* max-width: 32rem; */
  180. font-size: 1em;
  181. }
  182. @media (min-width: 62em) {
  183. #timeline section.year section ul {
  184. font-size: 1.1em;
  185. padding: 0 0 0 81px;
  186. }
  187. }
  188. #timeline section.year section ul:last-child {
  189. margin-bottom: 0;
  190. }
  191. #timeline section.year section ul:first-of-type:after {
  192. content: "";
  193. width: 10px;
  194. height: 10px;
  195. background: #C5C5C5;
  196. border: 2px solid #FFFFFF;
  197. -webkit-border-radius: 50%;
  198. -moz-border-radius: 50%;
  199. -ms-border-radius: 50%;
  200. border-radius: 50%;
  201. position: absolute;
  202. left: 54px;
  203. top: 3px;
  204. z-index: 2;
  205. box-sizing: unset;
  206. }
  207. #timeline section.year section ul li {
  208. margin-left: 0.5rem;
  209. }
  210. #timeline section.year section ul li:before {
  211. content: "·";
  212. margin-left: -0.5rem;
  213. padding-right: 0.3rem;
  214. }
  215. #timeline section.year section ul li:not(:first-child) {
  216. margin-top: 0.5rem;
  217. }
  218. #timeline section.year section ul li span.price {
  219. color: mediumturquoise;
  220. font-weight: 500;
  221. }
  222. .usd {
  223. display: inline;
  224. }
  225. svg {
  226. border: 3px solid white;
  227. border-radius: 50%;
  228. box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
  229. }
  230. </style>
  231. <script type="text/javascript" src="../js/jquery.min.js">
  232. </script>
  233. <script type="text/javascript" src="../js/jquery.migrate.js">
  234. </script>
  235. <script type="text/javascript" src="../js/bootstrap.js">
  236. </script>
  237. <script type="text/javascript" src="../js/owl.carousel.min.js">
  238. </script>
  239. <script>
  240. var currency = "BTC";
  241. </script>
  242. <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
  243. the end of file. -->
  244. <!--[if lt IE 9]>
  245. <script src="../js/html5.js">
  246. </script>
  247. <script src="../js/respond.min.js">
  248. </script>
  249. <style>
  250. article,aside,dialog,footer,header,section,nav,figure,menu{display:block;padding:0;margin:0;}
  251. </style>
  252. <link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
  253. />
  254. <![endif]-->
  255. <!--[if lte IE 9]>
  256. <script src="../js/jquery.placeholder.js">
  257. </script>
  258. <script>
  259. jQuery(document).ready(function($) {
  260. $('input, textarea').placeholder();
  261. });
  262. </script>
  263. <script type="text/javascript" src="../js/pie.js">
  264. </script>
  265. <script type="text/javascript">
  266. jQuery(document).ready(function($) {
  267. $('.indexci img').each(function() {
  268. PIE.attach(this);
  269. });
  270. });
  271. </script>
  272. <![endif]-->
  273. <!--[if (gte IE 6)&(lte IE 8)]>
  274. <script type="text/javascript" src="../js/ie8-eventlistener.js">
  275. </script>
  276. <script type="text/javascript" src="../js/selectivizr.js">
  277. </script>
  278. <script type="text/javascript" src="../js/excanvas.compiled.js">
  279. </script>
  280. <![endif]-->
  281. <title>
  282. 荆鹏软件集团有限公司
  283. </title>
  284. </head>
  285. <body>
  286. <!--[if lt IE 8]>
  287. <div class="lt-ie8-bg">
  288. <p class="browsehappy">
  289. You are using an
  290. <strong>
  291. outdated
  292. </strong>
  293. browser.
  294. </p>
  295. <p>
  296. Please
  297. <a href="#"​>
  298. upgrade your browser
  299. </a>
  300. to improve your experience.
  301. </p>
  302. <p class="browsehappy">
  303. 对不起,您正在使用的是
  304. <strong>
  305. 过时
  306. </strong>
  307. 的浏览器.
  308. </p>
  309. <p>
  310. 请升级您的浏览器(IE8+,或者是火狐、谷歌、Opera、Safari等现代浏览器),以改进您的用户体验!
  311. </p>
  312. </div>
  313. <style>
  314. .lt-ie8-bg{z-index:11111;position:absolute;top:0;left:0;right:0;bottom:0;background-color:#333;color:#999;padding:100px
  315. 20px;text-align:center;font-size:26px} .lt-ie8-bg a{color:#f5f5f5;border-bottom:2px
  316. solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
  317. </style>
  318. <![endif]-->
  319. <div id="container">
  320. <div id="head"></div>
  321. <script>
  322. $("#head").load("common/head.html");
  323. //公共属性
  324. $(function() {
  325. getData();
  326. function getData(){
  327. console.log(Constant)
  328. $.post(Constant.serverUrl+"api/mhdata/getList",{
  329. code:Constant.query.jpcode,
  330. id:Constant.query.id,
  331. isdetails:1
  332. },function(data,status){
  333. $(".data-title").text(data.data.dic.name)
  334. var list=data.data.data.data;
  335. for(var i in list){
  336. var item=$(list[i].content)
  337. $(".data-innerpage").append(item);
  338. }
  339. })
  340. }
  341. })
  342. </script>
  343. <div class="breadcrumb-wrapper">
  344. <div class="container">
  345. <div class="row">
  346. <div class="col-md-3 col-sm-4 bcid-cat data-title">
  347. 关于XXX
  348. </div>
  349. <div class="col-md-9 col-sm-8 location">
  350. <i class="fa fa-map-marker">
  351. </i>
  352. &nbsp;
  353. <span>
  354. 当前位置:
  355. <a href="#"​>
  356. 网站首页
  357. </a>
  358. &gt
  359. <a href="#"​ class="data-title">
  360. </a>
  361. </span>
  362. </div>
  363. </div>
  364. </div>
  365. </div>
  366. <div class="page-container" id="innerpage-wrap">
  367. <div class="container">
  368. <div class="row">
  369. <div class="main col-md-9 inner-left" role="main">
  370. <div class="about-page-wrap">
  371. <div class="com-cnt page-content">
  372. <div class="containerTime">
  373. <div class="header">
  374. <svg xmlns="http://www.w3.org/2000/svg" height="64" width="64">
  375. <defs>
  376. <linearGradient id="verlauf" x1="0%" y1="0%" x2="100%" y2="100%">
  377. <stop offset="0%" stop-color="orange" />
  378. <stop offset="100%" stop-color="chocolate" />
  379. </linearGradient>
  380. </defs>
  381. <path fill="url(#verlauf)" d="M63.04 39.74C58.764 56.885 41.4 67.318 24.256 63.043 7.12 58.768-3.313 41.404.962 24.262 5.234 7.117 22.597-3.318 39.737.957 56.88 5.23 67.313 22.597 63.04 39.74z"/>
  382. <path fill="#FFF" d="M46.11 27.44c.636-4.257-2.606-6.546-7.04-8.073l1.44-5.768-3.512-.876-1.4 5.616c-.923-.23-1.87-.447-2.813-.662l1.41-5.653-3.51-.875-1.438 5.766c-.764-.174-1.514-.346-2.242-.527l.004-.02-4.843-1.208-.934 3.75s2.605.597 2.55.634c1.422.355 1.68 1.296 1.636 2.042l-1.64 6.57c.1.026.226.062.366.118l-.37-.092-2.297 9.205c-.175.43-.616 1.08-1.61.833.035.05-2.552-.637-2.552-.637l-1.743 4.02 4.57 1.138c.85.213 1.682.436 2.502.646l-1.453 5.834 3.507.875 1.44-5.773c.958.26 1.888.5 2.798.726l-1.434 5.745 3.51.875 1.454-5.823c5.987 1.133 10.49.676 12.384-4.74 1.527-4.36-.076-6.874-3.226-8.514 2.294-.53 4.022-2.038 4.483-5.155zm-8.023 11.25c-1.085 4.36-8.426 2.003-10.806 1.412l1.93-7.73c2.38.595 10.01 1.77 8.877 6.318zm1.086-11.312c-.99 3.966-7.1 1.95-9.082 1.457l1.75-7.01c1.98.494 8.364 1.416 7.333 5.553z"/>
  383. </svg>
  384. </div>
  385. <div class="item">
  386. <div id="timeline">
  387. <div>
  388. <section class="year">
  389. <h3>2007</h3>
  390. <section>
  391. <ul>
  392. <li>Satoshi Nakamoto began working on the Bitcoin concept.</li>
  393. </ul>
  394. </section>
  395. </section>
  396. <section class="year">
  397. <h3>2008</h3>
  398. <section>
  399. <h4>August</h4>
  400. <ul>
  401. <li>Neal Kin, Vladimir Oksman, and Charles Bry file an application for an encryption patent application.</li>
  402. <li>Bitcoin.org was registered at <a href="https://anonymousspeech.com/">anonymousspeech.com</a>.</li>
  403. </ul>
  404. </section>
  405. <section>
  406. <h4>October</h4>
  407. <ul>
  408. <li>Nakamoto describes the Bitcoin currency and solves the problem of double spending.</li>
  409. </ul>
  410. </section>
  411. <section>
  412. <h4>November</h4>
  413. <ul>
  414. <li>The Bitcoin project is registered on <a href="https://sourceforge.net/">SourceForge.net</a>.</li>
  415. </ul>
  416. </section>
  417. </section>
  418. <section class="year">
  419. <h3>2009</h3>
  420. <section>
  421. <h4>January</h4>
  422. <ul>
  423. <li>Block 0 is established.</li>
  424. <li>Version 0.1 of Bitcoin is released.</li>
  425. <li>The first Bitcoin transaction.</li>
  426. </ul>
  427. </section>
  428. <section>
  429. <h4>October</h4>
  430. <ul>
  431. <li>An exchange rate is established.</li>
  432. </ul>
  433. </section>
  434. <section>
  435. <h4>December</h4>
  436. <ul>
  437. <li>Version 0.2 is released.</li>
  438. <li>The difficulty increases.</li>
  439. </ul>
  440. </section>
  441. </section>
  442. <section class="year">
  443. <h3>2010</h3>
  444. <section>
  445. <h4>February</h4>
  446. <ul>
  447. <li>The Bitcoin Market is established as a Bitcoin currency exchange.</li>
  448. <li>Encryption patent is published.</li>
  449. </ul>
  450. </section>
  451. <section>
  452. <h4>May</h4>
  453. <ul>
  454. <li>The first real-world transaction using 10,000 BTC spent on pizza.</li>
  455. </ul>
  456. </section>
  457. <section>
  458. <h4>July</h4>
  459. <ul>
  460. <li>Version 0.3 released.</li>
  461. <li>In five days, the price grew 1000%, rising from <span class="price">$0.008</span> to <span class="price">$0.08</span> for 1 bitcoin.</li>
  462. <li>The MtGox Bitcoin currency exchange market is established.</li>
  463. </ul>
  464. </section>
  465. <section>
  466. <h4>August</h4>
  467. <ul>
  468. <li>Exploit generates 184 billion Bitcoins.</li>
  469. </ul>
  470. </section>
  471. <section>
  472. <h4>October</h4>
  473. <ul>
  474. <li>Financial task force issues warning.</li>
  475. <li>The first public version of an OpenCL miner is released.</li>
  476. </ul>
  477. </section>
  478. <section>
  479. <h4>November</h4>
  480. <ul>
  481. <li>Market cap exceeds $1 million USD.</li>
  482. </ul>
  483. </section>
  484. <section>
  485. <h4>December</h4>
  486. <ul>
  487. <li>Bitcoind compiled for Nokia N900.</li>
  488. <li>First mobile Bitcoin transaction.</li>
  489. <li>Difficulty increases.</li>
  490. </ul>
  491. </section>
  492. </section>
  493. <section class="year">
  494. <h3>2011</h3>
  495. <section>
  496. <h4>January</h4>
  497. <ul>
  498. <li>Silk Road opens for business.</li>
  499. <li>25% of total Bitcoins generated.</li>
  500. </ul>
  501. </section>
  502. <section>
  503. <h4>February</h4>
  504. <ul>
  505. <li>Bitcoin reaches parity with US dollar.</li>
  506. <li><a href="https://weusecoins.com/">WeUseCoins.com</a> is created.</li>
  507. </ul>
  508. </section>
  509. <section>
  510. <h4>March</h4>
  511. <ul>
  512. <li>Second largest decrease in difficulty.</li>
  513. <li>Britcoin opens for trading.</li>
  514. <li>Bitcoin Brasil opens.</li>
  515. </ul>
  516. </section>
  517. <section>
  518. <h4>April</h4>
  519. <ul>
  520. <li>Bitcoin passes parity with Euro.</li>
  521. <li>Difficulty surpasses 100,000.</li>
  522. </ul>
  523. </section>
  524. <section>
  525. <h4>June</h4>
  526. <ul>
  527. <li>Bitcoin Market drops PayPal.</li>
  528. <li>The largest percentage price decrease to-date became known as the Great Bubble of 2011. Top of bubble at <span class="price">$31.</span></li>
  529. <li>WikiLeaks starts accepting Bitcoin.</li>
  530. <li>Major breach of security at MtGox.</li>
  531. <li>Difficulty passes 1 million.</li>
  532. </ul>
  533. </section>
  534. <section>
  535. <h4>August</h4>
  536. <ul>
  537. <li>Bitcoin Conference and World Expo in New York City, NY.</li>
  538. <li>P2Pool mines its first block.</li>
  539. <li>Back-to-back drop in difficulty.</li>
  540. </ul>
  541. </section>
  542. <section>
  543. <h4>September</h4>
  544. <ul>
  545. <li>Casascius coins mint physical Bitcoins.</li>
  546. </ul>
  547. </section>
  548. <section>
  549. <h4>November</h4>
  550. <ul>
  551. <li>Bitcoin & Future Technology European Conference in Prague, Czech Republic.</li>
  552. </ul>
  553. </section>
  554. <section>
  555. <h4>December</h4>
  556. <ul>
  557. <li><span class="price">$2</span> minimum price after the first price drop.</li>
  558. </ul>
  559. </section>
  560. </section>
  561. <section class="year">
  562. <h3>2012</h3>
  563. <section>
  564. <h4>September</h4>
  565. <ul>
  566. <li>London 2012 Bitcoin Conference.</li>
  567. <li>Bitcoin Foundation begins.</li>
  568. </ul>
  569. </section>
  570. <section>
  571. <h4>December</h4>
  572. <ul>
  573. <li>Slowly rising for a year. Price at <span class="price">$13.</span></li>
  574. </ul>
  575. </section>
  576. </section>
  577. <section class="year">
  578. <h3>2013</h3>
  579. <section>
  580. <h4>February</h4>
  581. <ul>
  582. <li>Version 0.8 released.</li>
  583. <li>Bitcoin goes up to <span class="price">$30.</span></li>
  584. </ul>
  585. </section>
  586. <section>
  587. <h4>March</h4>
  588. <ul>
  589. <li>Bitcoin spikes to $74.90.</li>
  590. <li>Market cap reaches $1 billion.</li>
  591. </ul>
  592. </section>
  593. <section>
  594. <h4>April</h4>
  595. <ul>
  596. <li>Bitcoin surpasses <span class="price">$100.</span></li>
  597. <li>Price hits an all-time high of <span class="price">$266.</span></li>
  598. <li>Bitcoin Central is hacked.</li>
  599. </ul>
  600. </section>
  601. <section>
  602. <h4>May</h4>
  603. <ul>
  604. <li>First Bitcoin ATM unveiled.</li>
  605. <li>Bitcoin Central gets hacked again.</li>
  606. </ul>
  607. </section>
  608. <section>
  609. <h4>October</h4>
  610. <ul>
  611. <li>FBI shuts down Silk Road.</li>
  612. <li>Bitcoin price drops from <span class="price">$139</span> to <span class="price">$109.71</span> in less than three hours after Silk Road closure, recovers.</li>
  613. </ul>
  614. </section>
  615. <section>
  616. <h4>November</h4>
  617. <ul>
  618. <li>Bitcoin price surges to a new all-time record of <span class="price">$1242.</span></li>
  619. </ul>
  620. </section>
  621. <section>
  622. <h4>December</h4>
  623. <ul>
  624. <li>Price crashed to <span class="price">$600</span>, rebounded to <span class="price">$1000</span>, crashed again to the <span class="price">$500</span> range. Stabilized in between.</li>
  625. <li>China's Central Bank bans Bitcoin transactions.</li>
  626. <li>The network exceeded 10 petahash/sec.</li>
  627. </ul>
  628. </section>
  629. </section>
  630. <section class="year">
  631. <h3>2014</h3>
  632. <section>
  633. <h4>January</h4>
  634. <ul>
  635. <li>Price spiked to <span class="price">$1000</span>, then settled in the <span class="price">$800–$900</span>range.</li>
  636. </ul>
  637. </section>
  638. <section>
  639. <h4>March</h4>
  640. <ul>
  641. <li>Version 0.9 released.</li>
  642. </ul>
  643. </section>
  644. <section>
  645. <h4>June</h4>
  646. <ul>
  647. <li>The network exceeded 100 petahash/sec.</li>
  648. </ul>
  649. </section>
  650. <section>
  651. <h4>December</h4>
  652. <ul>
  653. <li>Microsoft began to accept bitcoin to buy Xbox games and Windows apps.</li>
  654. </ul>
  655. </section>
  656. </section>
  657. <section class="year">
  658. <h3>2015</h3>
  659. <section>
  660. <h4>February</h4>
  661. <ul>
  662. <li>Version 0.10 released.</li>
  663. </ul>
  664. </section>
  665. <section>
  666. <h4>July</h4>
  667. <ul>
  668. <li>Version 0.11 released.</li>
  669. </ul>
  670. </section>
  671. <section>
  672. <h4>November</h4>
  673. <ul>
  674. <li>2015 record high of <span class="price">$504.</span></li>
  675. </ul>
  676. </section>
  677. </section>
  678. <section class="year">
  679. <h3>2016</h3>
  680. <section>
  681. <h4>January</h4>
  682. <ul>
  683. <li>Price at <span class="price">$1150</span> per bitcoin.</li>
  684. <li>Price fell 30% in a week, reaching a multi-month low of <span class="price">$750.</span></li>
  685. <li>The network exceeded 1 exahash/sec.</li>
  686. </ul>
  687. </section>
  688. <section>
  689. <h4>February</h4>
  690. <ul>
  691. <li>Version 0.12 released.</li>
  692. </ul>
  693. </section>
  694. <section>
  695. <h4>April</h4>
  696. <ul>
  697. <li>Steam started accepting bitcoin as payment.</li>
  698. </ul>
  699. </section>
  700. <section>
  701. <h4>August</h4>
  702. <ul>
  703. <li>Version 0.13 released.</li>
  704. </ul>
  705. </section>
  706. <section>
  707. <h4>September</h4>
  708. <ul>
  709. <li>There are 770 bitcoin ATMs worldwide.</li>
  710. </ul>
  711. </section>
  712. </section>
  713. <section class="year">
  714. <h3>2017</h3>
  715. <section>
  716. <h4>March</h4>
  717. <ul>
  718. <li>Version 0.14 released.</li>
  719. <li>The price of 1 bitcoin surpassed the spot price of an ounce of gold for the first time.</li>
  720. <li>The number of GitHub projects related to bitcoin passed 10,000.</li>
  721. <li>Price traded above <span class="price">$1290.</span></li>
  722. </ul>
  723. </section>
  724. <section>
  725. <h4>April</h4>
  726. <ul>
  727. <li>Japan Declares Bitcoin as Legel Tender</li>
  728. </ul>
  729. </section>
  730. <section>
  731. <h4>August</h4>
  732. <ul>
  733. <li>Bitcoin "splits" into Bitcoin (BTC) and Bitcoin Cash (BCH)</li>
  734. </ul>
  735. </section>
  736. <section>
  737. <h4>November</h4>
  738. <ul>
  739. <li>Bitcoin for the first time hit <span class="price">$10,000</span></li>
  740. </ul>
  741. </section>
  742. </section>
  743. <section class="year">
  744. <h3>2019</h3>
  745. <section>
  746. <h4>Today</h4>
  747. <ul>
  748. <li>At the moment, one bitcoin cost:
  749. <span class="price">
  750. <div class="usd"></div>.
  751. </span>
  752. </li>
  753. </ul>
  754. </section>
  755. </section>
  756. </div>
  757. </div>
  758. </div>
  759. </div>
  760. <div id="pages" class="page">
  761. </div>
  762. </div>
  763. </div>
  764. </div>
  765. <div id="sidebar"></div>
  766. <script>
  767. $("#sidebar").load("common/sidebar.html");
  768. </script>
  769. </div>
  770. </div>
  771. </div>
  772. <div class="for-bottom-padding">
  773. </div>
  774. <div id="food"></div>
  775. <script>
  776. $("#food").load("common/foot.html")
  777. </script>
  778. </div>
  779. <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
  780. <script type="text/javascript" src="../js/jquery.countto.js"></script>-->
  781. <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
  782. </script>
  783. <script type="text/javascript" src="../js/jquery.appear.js">
  784. </script>
  785. <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
  786. </script>
  787. <script type="text/javascript" src="../js/jquery.isotope.min.js">
  788. </script>
  789. <script type="text/javascript" src="../js/retina-1.1.0.min.js">
  790. </script>
  791. <script type="text/javascript" src="../js/plugins-scroll.js">
  792. </script>
  793. <script type="text/javascript" src="../js/waypoint.min.js">
  794. </script>
  795. <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
  796. </script>
  797. <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
  798. </script>
  799. <script type="text/javascript" src="../js/script.js">
  800. </script>
  801. <script>
  802. var Speed_1 = 10; //速度(毫秒)
  803. var Space_1 = 20; //每次移动(px)
  804. if (document.documentElement.clientWidth>1500){
  805. var PageWidth_1 = 366 * 1; //翻页宽度
  806. }
  807. else if (document.documentElement.clientWidth>1150) {
  808. var PageWidth_1 = 326 * 1; //翻页宽度
  809. }
  810. else {
  811. var PageWidth_1 = 366 * 1; //翻页宽度
  812. }
  813. var interval_1 = 3000; //翻页间隔时间
  814. var fill_1 = 0; //整体移位
  815. var MoveLock_1 = false;
  816. var MoveTimeObj_1;
  817. var MoveWay_1="right";
  818. var Comp_1 = 0;
  819. var AutoPlayObj_1=null;
  820. function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}}
  821. function AutoPlay_1(){clearInterval(AutoPlayObj_1);AutoPlayObj_1=setInterval('ISL_GoDown_1();ISL_StopDown_1();',interval_1)}
  822. function ISL_GoUp_1(){if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1="left";MoveTimeObj_1=setInterval('ISL_ScrUp_1();',Speed_1);}
  823. function ISL_StopUp_1(){if(MoveWay_1 == "right"){return};clearInterval(MoveTimeObj_1);if((GetObj('ISL_Cont_11').scrollLeft-fill_1)%PageWidth_1!=0){Comp_1=fill_1-(GetObj('ISL_Cont_11').scrollLeft%PageWidth_1);CompScr_1()}else{MoveLock_1=false}
  824. AutoPlay_1()}
  825. function ISL_ScrUp_1(){if(GetObj('ISL_Cont_11').scrollLeft<=0){GetObj('ISL_Cont_11').scrollLeft=GetObj('ISL_Cont_11').scrollLeft+GetObj('List1_1').offsetWidth}
  826. GetObj('ISL_Cont_11').scrollLeft-=Space_1}
  827. function ISL_GoDown_1(){clearInterval(MoveTimeObj_1);if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1="right";ISL_ScrDown_1();MoveTimeObj_1=setInterval('ISL_ScrDown_1()',Speed_1)}
  828. function ISL_StopDown_1(){if(MoveWay_1 == "left"){return};clearInterval(MoveTimeObj_1);if(GetObj('ISL_Cont_11').scrollLeft%PageWidth_1-(fill_1>=0?fill_1:fill_1+1)!=0){Comp_1=PageWidth_1-GetObj('ISL_Cont_11').scrollLeft%PageWidth_1+fill_1;CompScr_1()}else{MoveLock_1=false}
  829. AutoPlay_1()}
  830. function ISL_ScrDown_1(){if(GetObj('ISL_Cont_11').scrollLeft>=GetObj('List1_1').scrollWidth){GetObj('ISL_Cont_11').scrollLeft=GetObj('ISL_Cont_11').scrollLeft-GetObj('List1_1').scrollWidth}
  831. GetObj('ISL_Cont_11').scrollLeft+=Space_1}
  832. function CompScr_1(){if(Comp_1==0){MoveLock_1=false;return}
  833. var num,TempSpeed=Speed_1,TempSpace=Space_1;if(Math.abs(Comp_1)<PageWidth_1/2){TempSpace=Math.round(Math.abs(Comp_1/Space_1));if(TempSpace<1){TempSpace=1}}
  834. if(Comp_1<0){if(Comp_1<-TempSpace){Comp_1+=TempSpace;num=TempSpace}else{num=-Comp_1;Comp_1=0}
  835. GetObj('ISL_Cont_11').scrollLeft-=num;setTimeout('CompScr_1()',TempSpeed)}else{if(Comp_1>TempSpace){Comp_1-=TempSpace;num=TempSpace}else{num=Comp_1;Comp_1=0}
  836. GetObj('ISL_Cont_11').scrollLeft+=num;setTimeout('CompScr_1()',TempSpeed)}}
  837. function picrun_ini(){
  838. GetObj("List2_1").innerHTML=GetObj("List1_1").innerHTML;
  839. GetObj('ISL_Cont_11').scrollLeft=fill_1>=0?fill_1:GetObj('List1_1').scrollWidth-Math.abs(fill_1);
  840. GetObj("ISL_Cont_11").onmouseover=function(){clearInterval(AutoPlayObj_1)}
  841. GetObj("ISL_Cont_11").onmouseout=function(){AutoPlay_1()}
  842. AutoPlay_1();
  843. }
  844. </script>
  845. </body>
  846. </html>