|
@@ -1,260 +1,274 @@
|
|
|
<!DOCTYPE html>
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
<html>
|
|
|
-
|
|
|
|
|
- <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 http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
|
- <meta name="renderer" content="webkit" />
|
|
|
|
|
- <meta name="robots" content="index, follow" />
|
|
|
|
|
- <meta name="keywords" content="" />
|
|
|
|
|
- <meta name="description" content="" />
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen"
|
|
|
|
|
- />
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen"
|
|
|
|
|
- />
|
|
|
|
|
-
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen"
|
|
|
|
|
- />
|
|
|
|
|
- <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <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 http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
|
|
+ <meta name="renderer" content="webkit" />
|
|
|
|
|
+ <meta name="robots" content="index, follow" />
|
|
|
|
|
+ <meta name="keywords" content="" />
|
|
|
|
|
+ <meta name="description" content="" />
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/font-awesome.css" media="screen" />
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/bootstrap.css" media="screen" />
|
|
|
|
|
+
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/owl.carousel.css" media="screen" />
|
|
|
|
|
+ <!--<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css"
|
|
|
media="screen"/>
|
|
media="screen"/>
|
|
|
-->
|
|
-->
|
|
|
- <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen"
|
|
|
|
|
- />
|
|
|
|
|
-
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen"
|
|
|
|
|
- />
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen"
|
|
|
|
|
- />
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen"
|
|
|
|
|
- />
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen"
|
|
|
|
|
- />
|
|
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/magnific-popup.css" media="screen" />
|
|
|
|
|
+
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/animate.css" media="screen" />
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/settings.css" media="screen" />
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/style-red.css" media="screen" />
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href="../css/tk.css" media="screen" />
|
|
|
<style>
|
|
<style>
|
|
|
- @import url(../css/time/time.css?family=Fira+Sans:200,400,500);
|
|
|
|
|
- * {
|
|
|
|
|
- border: 0;
|
|
|
|
|
- margin: 0;
|
|
|
|
|
- padding: 0;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- html {
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- body {
|
|
|
|
|
- height: inherit;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex-direction: column;
|
|
|
|
|
- font-family: "Fira Sans", sans-serif;
|
|
|
|
|
- -webkit-font-smoothing: antialiased;
|
|
|
|
|
- -moz-osx-font-smoothing: grayscale;
|
|
|
|
|
- color: #79838c;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- a {
|
|
|
|
|
- color: #50585f;
|
|
|
|
|
- text-decoration: none;
|
|
|
|
|
- }
|
|
|
|
|
- a:hover {
|
|
|
|
|
- color: #383e44;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- div.containerTime {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex: auto;
|
|
|
|
|
- flex-direction: column;
|
|
|
|
|
- max-height: 100%;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- div.header {
|
|
|
|
|
- height: auto;
|
|
|
|
|
- text-align: center;
|
|
|
|
|
- background: slategrey;
|
|
|
|
|
- color: ghostwhite;
|
|
|
|
|
- padding: 2.3rem 1rem 2.3rem 1rem;
|
|
|
|
|
- position: relative;
|
|
|
|
|
- }
|
|
|
|
|
- div.header:after {
|
|
|
|
|
- content: "";
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- bottom: -5rem;
|
|
|
|
|
- left: 0rem;
|
|
|
|
|
- height: 5.1rem;
|
|
|
|
|
- display: block;
|
|
|
|
|
- width: 100%;
|
|
|
|
|
- z-index: 300;
|
|
|
|
|
- background: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
|
|
|
|
|
- /* FF3.6-15 */
|
|
|
|
|
- background: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
|
|
|
|
|
- /* Chrome10-25,Safari5.1-6 */
|
|
|
|
|
- background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%);
|
|
|
|
|
- /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
|
|
|
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=0 );
|
|
|
|
|
- /* IE6-9 */
|
|
|
|
|
- }
|
|
|
|
|
- div.header h1 {
|
|
|
|
|
- margin-top: 0.8rem;
|
|
|
|
|
- margin-bottom: 0.5rem;
|
|
|
|
|
- font-weight: 200;
|
|
|
|
|
- font-size: 1.6em;
|
|
|
|
|
- letter-spacing: 0.1rem;
|
|
|
|
|
- text-transform: uppercase;
|
|
|
|
|
- }
|
|
|
|
|
- @media (min-width: 62em) {
|
|
|
|
|
- div.header h1 {
|
|
|
|
|
- font-size: 1.9em;
|
|
|
|
|
- letter-spacing: 0.2rem;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- div.header h2 {
|
|
|
|
|
- font-size: 1.1em;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- color: #cfd7de;
|
|
|
|
|
- max-width: 30rem;
|
|
|
|
|
- margin: auto;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- div.item {
|
|
|
|
|
- display: flex;
|
|
|
|
|
- flex: auto;
|
|
|
|
|
- overflow-y: auto;
|
|
|
|
|
- padding: 0rem 1rem 0rem 1rem;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- #timeline {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- display: table;
|
|
|
|
|
- height: 100%;
|
|
|
|
|
- margin-left: auto;
|
|
|
|
|
- margin-right: auto;
|
|
|
|
|
- margin-top: 5rem;
|
|
|
|
|
- }
|
|
|
|
|
- #timeline div:after {
|
|
|
|
|
- content: "";
|
|
|
|
|
- width: 2px;
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- top: 0.5rem;
|
|
|
|
|
- bottom: 0rem;
|
|
|
|
|
- left: 60px;
|
|
|
|
|
- z-index: 1;
|
|
|
|
|
- background: #C5C5C5;
|
|
|
|
|
- }
|
|
|
|
|
- #timeline h3 {
|
|
|
|
|
- position: -webkit-sticky;
|
|
|
|
|
- position: sticky;
|
|
|
|
|
- top: 5rem;
|
|
|
|
|
- color: #888;
|
|
|
|
|
- margin: 0;
|
|
|
|
|
- font-size: 1em;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- line-height: 1.0;
|
|
|
|
|
- }
|
|
|
|
|
- @media (min-width: 62em) {
|
|
|
|
|
- #timeline h3 {
|
|
|
|
|
- font-size: 1.1em;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year:first-child section {
|
|
|
|
|
- margin-top: -1.3em;
|
|
|
|
|
- padding-bottom: 0px;
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year section {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- padding-bottom: 1.25em;
|
|
|
|
|
- margin-bottom: 2.2em;
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year section h4 {
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- bottom: 0;
|
|
|
|
|
- font-size: 0.9em;
|
|
|
|
|
- font-weight: 400;
|
|
|
|
|
- line-height: 1.2em;
|
|
|
|
|
- margin: 0;
|
|
|
|
|
- padding: 0 0 0 89px;
|
|
|
|
|
- color: #C5C5C5;
|
|
|
|
|
- }
|
|
|
|
|
- @media (min-width: 62em) {
|
|
|
|
|
- #timeline section.year section h4 {
|
|
|
|
|
- font-size: 1em;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year section ul {
|
|
|
|
|
- list-style-type: none;
|
|
|
|
|
- padding: 0 0 0 75px;
|
|
|
|
|
- margin: -1.35rem 0 1em;
|
|
|
|
|
- /* max-width: 32rem; */
|
|
|
|
|
- font-size: 1em;
|
|
|
|
|
- }
|
|
|
|
|
- @media (min-width: 62em) {
|
|
|
|
|
- #timeline section.year section ul {
|
|
|
|
|
- font-size: 1.1em;
|
|
|
|
|
- padding: 0 0 0 81px;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year section ul:last-child {
|
|
|
|
|
- margin-bottom: 0;
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year section ul:first-of-type:after {
|
|
|
|
|
- content: "";
|
|
|
|
|
- width: 10px;
|
|
|
|
|
- height: 10px;
|
|
|
|
|
- background: #C5C5C5;
|
|
|
|
|
- border: 2px solid #FFFFFF;
|
|
|
|
|
- -webkit-border-radius: 50%;
|
|
|
|
|
- -moz-border-radius: 50%;
|
|
|
|
|
- -ms-border-radius: 50%;
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
- position: absolute;
|
|
|
|
|
- left: 54px;
|
|
|
|
|
- top: 3px;
|
|
|
|
|
- z-index: 2;
|
|
|
|
|
- box-sizing: unset;
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year section ul li {
|
|
|
|
|
- margin-left: 0.5rem;
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year section ul li:before {
|
|
|
|
|
-
|
|
|
|
|
- margin-left: -0.5rem;
|
|
|
|
|
- padding-right: 0.3rem;
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year section ul li:not(:first-child) {
|
|
|
|
|
- margin-top: 0.5rem;
|
|
|
|
|
- }
|
|
|
|
|
- #timeline section.year section ul li span.price {
|
|
|
|
|
- color: mediumturquoise;
|
|
|
|
|
- font-weight: 500;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- .usd {
|
|
|
|
|
- display: inline;
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
- svg {
|
|
|
|
|
- border: 3px solid white;
|
|
|
|
|
- border-radius: 50%;
|
|
|
|
|
- box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ @import url(../css/time/time.css?family=Fira+Sans:200,400,500);
|
|
|
|
|
+
|
|
|
|
|
+ * {
|
|
|
|
|
+ border: 0;
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ html {
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ body {
|
|
|
|
|
+ height: inherit;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ font-family: "Fira Sans", sans-serif;
|
|
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
|
|
+ -moz-osx-font-smoothing: grayscale;
|
|
|
|
|
+ color: #79838c;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ a {
|
|
|
|
|
+ color: #50585f;
|
|
|
|
|
+ text-decoration: none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ a:hover {
|
|
|
|
|
+ color: #383e44;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ div.containerTime {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex: auto;
|
|
|
|
|
+ flex-direction: column;
|
|
|
|
|
+ max-height: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ div.header {
|
|
|
|
|
+ height: auto;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ background: slategrey;
|
|
|
|
|
+ color: ghostwhite;
|
|
|
|
|
+ padding: 2.3rem 1rem 2.3rem 1rem;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ div.header:after {
|
|
|
|
|
+ content: "";
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ bottom: -5rem;
|
|
|
|
|
+ left: 0rem;
|
|
|
|
|
+ height: 5.1rem;
|
|
|
|
|
+ display: block;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ z-index: 300;
|
|
|
|
|
+ background: -moz-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
|
|
|
|
|
+ /* FF3.6-15 */
|
|
|
|
|
+ background: -webkit-linear-gradient(top, white 20%, rgba(255, 255, 255, 0) 100%);
|
|
|
|
|
+ /* Chrome10-25,Safari5.1-6 */
|
|
|
|
|
+ background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%);
|
|
|
|
|
+ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
|
|
|
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=0);
|
|
|
|
|
+ /* IE6-9 */
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ div.header h1 {
|
|
|
|
|
+ margin-top: 0.8rem;
|
|
|
|
|
+ margin-bottom: 0.5rem;
|
|
|
|
|
+ font-weight: 200;
|
|
|
|
|
+ font-size: 1.6em;
|
|
|
|
|
+ letter-spacing: 0.1rem;
|
|
|
|
|
+ text-transform: uppercase;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ @media (min-width: 62em) {
|
|
|
|
|
+ div.header h1 {
|
|
|
|
|
+ font-size: 1.9em;
|
|
|
|
|
+ letter-spacing: 0.2rem;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ div.header h2 {
|
|
|
|
|
+ font-size: 1.1em;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ color: #cfd7de;
|
|
|
|
|
+ max-width: 30rem;
|
|
|
|
|
+ margin: auto;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ div.item {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ flex: auto;
|
|
|
|
|
+ overflow-y: auto;
|
|
|
|
|
+ padding: 0rem 1rem 0rem 1rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ display: table;
|
|
|
|
|
+ height: 100%;
|
|
|
|
|
+ margin-left: auto;
|
|
|
|
|
+ margin-right: auto;
|
|
|
|
|
+ margin-top: 5rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline div:after {
|
|
|
|
|
+ content: "";
|
|
|
|
|
+ width: 2px;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ top: 0.5rem;
|
|
|
|
|
+ bottom: 0rem;
|
|
|
|
|
+ left: 60px;
|
|
|
|
|
+ z-index: 1;
|
|
|
|
|
+ background: #C5C5C5;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline h3 {
|
|
|
|
|
+ position: -webkit-sticky;
|
|
|
|
|
+ position: sticky;
|
|
|
|
|
+ top: 5rem;
|
|
|
|
|
+ color: #888;
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ font-size: 1em;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ line-height: 1.0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ @media (min-width: 62em) {
|
|
|
|
|
+ #timeline h3 {
|
|
|
|
|
+ font-size: 1.1em;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year:first-child section {
|
|
|
|
|
+ margin-top: -1.3em;
|
|
|
|
|
+ padding-bottom: 0px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year section {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ padding-bottom: 1.25em;
|
|
|
|
|
+ margin-bottom: 2.2em;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year section h4 {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ bottom: 0;
|
|
|
|
|
+ font-size: 0.9em;
|
|
|
|
|
+ font-weight: 400;
|
|
|
|
|
+ line-height: 1.2em;
|
|
|
|
|
+ margin: 0;
|
|
|
|
|
+ padding: 0 0 0 89px;
|
|
|
|
|
+ color: #C5C5C5;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ @media (min-width: 62em) {
|
|
|
|
|
+ #timeline section.year section h4 {
|
|
|
|
|
+ font-size: 1em;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year section ul {
|
|
|
|
|
+ list-style-type: none;
|
|
|
|
|
+ padding: 0 0 0 75px;
|
|
|
|
|
+ margin: -1.35rem 0 1em;
|
|
|
|
|
+ /* max-width: 32rem; */
|
|
|
|
|
+ font-size: 1em;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ @media (min-width: 62em) {
|
|
|
|
|
+ #timeline section.year section ul {
|
|
|
|
|
+ font-size: 1.1em;
|
|
|
|
|
+ padding: 0 0 0 81px;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year section ul:last-child {
|
|
|
|
|
+ margin-bottom: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year section ul:first-of-type:after {
|
|
|
|
|
+ content: "";
|
|
|
|
|
+ width: 10px;
|
|
|
|
|
+ height: 10px;
|
|
|
|
|
+ background: #C5C5C5;
|
|
|
|
|
+ border: 2px solid #FFFFFF;
|
|
|
|
|
+ -webkit-border-radius: 50%;
|
|
|
|
|
+ -moz-border-radius: 50%;
|
|
|
|
|
+ -ms-border-radius: 50%;
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ left: 54px;
|
|
|
|
|
+ top: 3px;
|
|
|
|
|
+ z-index: 2;
|
|
|
|
|
+ box-sizing: unset;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year section ul li {
|
|
|
|
|
+ margin-left: 0.5rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year section ul li:before {
|
|
|
|
|
+
|
|
|
|
|
+ margin-left: -0.5rem;
|
|
|
|
|
+ padding-right: 0.3rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year section ul li:not(:first-child) {
|
|
|
|
|
+ margin-top: 0.5rem;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ #timeline section.year section ul li span.price {
|
|
|
|
|
+ color: mediumturquoise;
|
|
|
|
|
+ font-weight: 500;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .usd {
|
|
|
|
|
+ display: inline;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ svg {
|
|
|
|
|
+ border: 3px solid white;
|
|
|
|
|
+ border-radius: 50%;
|
|
|
|
|
+ box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
|
|
|
|
|
+ }
|
|
|
</style>
|
|
</style>
|
|
|
- <script type="text/javascript" src="../js/jquery.min.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/jquery.migrate.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/bootstrap.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/owl.carousel.min.js">
|
|
|
|
|
- </script>
|
|
|
|
|
|
|
+ <script type="text/javascript" src="../js/jquery.min.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/jquery.migrate.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/bootstrap.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/owl.carousel.min.js">
|
|
|
|
|
+ </script>
|
|
|
<script>
|
|
<script>
|
|
|
- var currency = "BTC";
|
|
|
|
|
-
|
|
|
|
|
|
|
+ var currency = "BTC";
|
|
|
</script>
|
|
</script>
|
|
|
- <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
|
|
|
|
|
|
|
+ <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at
|
|
|
the end of file. -->
|
|
the end of file. -->
|
|
|
- <!--[if lt IE 9]>
|
|
|
|
|
|
|
+ <!--[if lt IE 9]>
|
|
|
<script src="../js/html5.js">
|
|
<script src="../js/html5.js">
|
|
|
</script>
|
|
</script>
|
|
|
<script src="../js/respond.min.js">
|
|
<script src="../js/respond.min.js">
|
|
@@ -265,7 +279,7 @@
|
|
|
<link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
|
|
<link rel="stylesheet" href="../css/ie.css" type="text/css" media="screen"
|
|
|
/>
|
|
/>
|
|
|
<![endif]-->
|
|
<![endif]-->
|
|
|
- <!--[if lte IE 9]>
|
|
|
|
|
|
|
+ <!--[if lte IE 9]>
|
|
|
<script src="../js/jquery.placeholder.js">
|
|
<script src="../js/jquery.placeholder.js">
|
|
|
</script>
|
|
</script>
|
|
|
<script>
|
|
<script>
|
|
@@ -283,7 +297,7 @@
|
|
|
});
|
|
});
|
|
|
</script>
|
|
</script>
|
|
|
<![endif]-->
|
|
<![endif]-->
|
|
|
- <!--[if (gte IE 6)&(lte IE 8)]>
|
|
|
|
|
|
|
+ <!--[if (gte IE 6)&(lte IE 8)]>
|
|
|
<script type="text/javascript" src="../js/ie8-eventlistener.js">
|
|
<script type="text/javascript" src="../js/ie8-eventlistener.js">
|
|
|
</script>
|
|
</script>
|
|
|
<script type="text/javascript" src="../js/selectivizr.js">
|
|
<script type="text/javascript" src="../js/selectivizr.js">
|
|
@@ -291,14 +305,14 @@
|
|
|
<script type="text/javascript" src="../js/excanvas.compiled.js">
|
|
<script type="text/javascript" src="../js/excanvas.compiled.js">
|
|
|
</script>
|
|
</script>
|
|
|
<![endif]-->
|
|
<![endif]-->
|
|
|
- <link rel="icon" href="favicon.ico">
|
|
|
|
|
- <title>
|
|
|
|
|
- 荆鹏集团
|
|
|
|
|
- </title>
|
|
|
|
|
- </head>
|
|
|
|
|
-
|
|
|
|
|
- <body>
|
|
|
|
|
- <!--[if lt IE 8]>
|
|
|
|
|
|
|
+ <link rel="icon" href="favicon.ico">
|
|
|
|
|
+ <title>
|
|
|
|
|
+ 荆鹏集团
|
|
|
|
|
+ </title>
|
|
|
|
|
+ </head>
|
|
|
|
|
+
|
|
|
|
|
+ <body>
|
|
|
|
|
+ <!--[if lt IE 8]>
|
|
|
<div class="lt-ie8-bg">
|
|
<div class="lt-ie8-bg">
|
|
|
<p class="browsehappy">
|
|
<p class="browsehappy">
|
|
|
You are using an
|
|
You are using an
|
|
@@ -331,78 +345,92 @@
|
|
|
solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
|
|
solid #fff} .lt-ie8-bg a:hover{text-decoration:none} #container{display:none;}
|
|
|
</style>
|
|
</style>
|
|
|
<![endif]-->
|
|
<![endif]-->
|
|
|
- <div id="container">
|
|
|
|
|
-
|
|
|
|
|
|
|
+ <div id="container">
|
|
|
|
|
+
|
|
|
<div id="head"></div>
|
|
<div id="head"></div>
|
|
|
<script>
|
|
<script>
|
|
|
- $("#head").load("common/head.html");
|
|
|
|
|
- //公共属性
|
|
|
|
|
- $(function() {
|
|
|
|
|
- getData();
|
|
|
|
|
-
|
|
|
|
|
- function getData(){
|
|
|
|
|
- console.log(Constant)
|
|
|
|
|
- $.post(Constant.serverUrl+"api/mhdata/getList",{
|
|
|
|
|
- code:Constant.query.jpcode,
|
|
|
|
|
- id:Constant.query.id,
|
|
|
|
|
- pageSize:500,
|
|
|
|
|
- isdetails:1
|
|
|
|
|
- },function(data,status){
|
|
|
|
|
- $(".data-title").text(data.data.dic.name)
|
|
|
|
|
- $(".data-title").attr("href",data.data.dic.extended3+"?jpcode="+data.data.dic.value)
|
|
|
|
|
- var list=data.data.data.data;
|
|
|
|
|
- var rowList=[]
|
|
|
|
|
- for(var i in list){
|
|
|
|
|
- var row={
|
|
|
|
|
- title:list[i].title,
|
|
|
|
|
- list:[]
|
|
|
|
|
|
|
+ $("#head").load("common/head.html");
|
|
|
|
|
+ //公共属性
|
|
|
|
|
+ $(function() {
|
|
|
|
|
+ getData();
|
|
|
|
|
+
|
|
|
|
|
+ function getData() {
|
|
|
|
|
+ console.log(Constant)
|
|
|
|
|
+ $.post(Constant.serverUrl + "api/mhdata/getList", {
|
|
|
|
|
+ code: Constant.query.jpcode,
|
|
|
|
|
+ id: Constant.query.id,
|
|
|
|
|
+ pageSize: 500,
|
|
|
|
|
+ isdetails: 1
|
|
|
|
|
+ }, function(data, status) {
|
|
|
|
|
+ $(".data-title").text(data.data.dic.name)
|
|
|
|
|
+ $(".data-title").attr("href", data.data.dic.extended3 + "?jpcode=" + data.data.dic
|
|
|
|
|
+ .value)
|
|
|
|
|
+ var list = data.data.data.data;
|
|
|
|
|
+ var rowList = []
|
|
|
|
|
+ for (var i in list) {
|
|
|
|
|
+ var row = {
|
|
|
|
|
+ title: list[i].title,
|
|
|
|
|
+ list: []
|
|
|
|
|
+ }
|
|
|
|
|
+ console.log(list[i].content)
|
|
|
|
|
+
|
|
|
|
|
+ console.log($(list[i].content))
|
|
|
|
|
+ $(list[i].content).each(function() {
|
|
|
|
|
+ var c = $(this).text()
|
|
|
|
|
+ if (c != '\n') {
|
|
|
|
|
+ row.list.push(c)
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ })
|
|
|
|
|
+
|
|
|
|
|
+ rowList.push(row);
|
|
|
}
|
|
}
|
|
|
- console.log(list[i].content)
|
|
|
|
|
-
|
|
|
|
|
- console.log($(list[i].content))
|
|
|
|
|
- $(list[i].content).each(function(){
|
|
|
|
|
- var c=$(this).text()
|
|
|
|
|
- if(c!='\n'){
|
|
|
|
|
- row.list.push(c)
|
|
|
|
|
|
|
+ rowList.sort((a, b) => {
|
|
|
|
|
+ var n1 = Number(a.title)
|
|
|
|
|
+ var n2 = Number(b.title)
|
|
|
|
|
+
|
|
|
|
|
+ if (!isNaN(n1) && !isNaN(n2)) {
|
|
|
|
|
+
|
|
|
|
|
+ return n1 - n2;
|
|
|
|
|
+ } else // 字符
|
|
|
|
|
+ {
|
|
|
|
|
+ return true
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
})
|
|
})
|
|
|
-
|
|
|
|
|
- rowList.push(row);
|
|
|
|
|
- }
|
|
|
|
|
- console.log(rowList)
|
|
|
|
|
- $("#portfolio-temp").tmpl(rowList).prependTo(".data-portfolio")
|
|
|
|
|
-
|
|
|
|
|
- })
|
|
|
|
|
- }
|
|
|
|
|
- })
|
|
|
|
|
|
|
+ console.log(rowList)
|
|
|
|
|
+ $("#portfolio-temp").tmpl(rowList).prependTo(".data-portfolio")
|
|
|
|
|
+
|
|
|
|
|
+ })
|
|
|
|
|
+ }
|
|
|
|
|
+ })
|
|
|
</script>
|
|
</script>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
<div class="breadcrumb-wrapper">
|
|
<div class="breadcrumb-wrapper">
|
|
|
- <div class="container">
|
|
|
|
|
- <div class="row">
|
|
|
|
|
- <div class="col-md-3 col-sm-4 bcid-cat data-title">
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-md-9 col-sm-8 location">
|
|
|
|
|
- <i class="fa fa-map-marker">
|
|
|
|
|
- </i>
|
|
|
|
|
-
|
|
|
|
|
- <span>
|
|
|
|
|
- 当前位置：
|
|
|
|
|
- <a href="index.html">
|
|
|
|
|
-
|
|
|
|
|
- 网站首页
|
|
|
|
|
- </a>
|
|
|
|
|
- >
|
|
|
|
|
- <a class="data-title">
|
|
|
|
|
-
|
|
|
|
|
- </a>
|
|
|
|
|
- </span>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ <div class="container">
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="col-md-3 col-sm-4 bcid-cat data-title">
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="col-md-9 col-sm-8 location">
|
|
|
|
|
+ <i class="fa fa-map-marker">
|
|
|
|
|
+ </i>
|
|
|
|
|
+
|
|
|
|
|
+ <span>
|
|
|
|
|
+ 当前位置：
|
|
|
|
|
+ <a href="index.html">
|
|
|
|
|
+
|
|
|
|
|
+ 网站首页
|
|
|
|
|
+ </a>
|
|
|
|
|
+ >
|
|
|
|
|
+ <a class="data-title">
|
|
|
|
|
+
|
|
|
|
|
+ </a>
|
|
|
|
|
+ </span>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
<script type="text/text/x-jquery-tmpl" id="portfolio-temp">
|
|
<script type="text/text/x-jquery-tmpl" id="portfolio-temp">
|
|
|
<section class="year">
|
|
<section class="year">
|
|
|
<h3>${title}</h3>
|
|
<h3>${title}</h3>
|
|
@@ -416,112 +444,207 @@
|
|
|
</section>
|
|
</section>
|
|
|
|
|
|
|
|
</script>
|
|
</script>
|
|
|
- <div class="page-container" id="innerpage-wrap">
|
|
|
|
|
- <div class="container">
|
|
|
|
|
- <div class="row">
|
|
|
|
|
- <div class="main col-md-9 inner-left" role="main">
|
|
|
|
|
- <div class="about-page-wrap">
|
|
|
|
|
- <div class="com-cnt page-content">
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
|
|
+ <div class="page-container" id="innerpage-wrap">
|
|
|
|
|
+ <div class="container">
|
|
|
|
|
+ <div class="row">
|
|
|
|
|
+ <div class="main col-md-9 inner-left" role="main">
|
|
|
|
|
+ <div class="about-page-wrap">
|
|
|
|
|
+ <div class="com-cnt page-content">
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
<div class="containerTime">
|
|
<div class="containerTime">
|
|
|
-
|
|
|
|
|
- <div class="item">
|
|
|
|
|
- <div id="timeline">
|
|
|
|
|
- <div class="data-portfolio">
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+
|
|
|
|
|
+ <div class="item">
|
|
|
|
|
+ <div id="timeline">
|
|
|
|
|
+ <div class="data-portfolio">
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div id="pages" class="page">
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div id="sidebar"></div>
|
|
|
|
|
|
|
+ <div id="pages" class="page">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div id="sidebar"></div>
|
|
|
<script>
|
|
<script>
|
|
|
- $("#sidebar").load("common/sidebar.html");
|
|
|
|
|
|
|
+ $("#sidebar").load("common/sidebar.html");
|
|
|
</script>
|
|
</script>
|
|
|
-
|
|
|
|
|
|
|
+
|
|
|
</div>
|
|
</div>
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="for-bottom-padding">
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="for-bottom-padding">
|
|
|
|
|
+ </div>
|
|
|
<div id="food"></div>
|
|
<div id="food"></div>
|
|
|
<script>
|
|
<script>
|
|
|
- $("#food").load("common/foot.html")
|
|
|
|
|
|
|
+ $("#food").load("common/foot.html")
|
|
|
</script>
|
|
</script>
|
|
|
- </div>
|
|
|
|
|
- <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <!--<script type="text/javascript" src="../js/jquery.bxslider.min.js"></script>
|
|
|
<script type="text/javascript" src="../js/jquery.countto.js"></script>-->
|
|
<script type="text/javascript" src="../js/jquery.countto.js"></script>-->
|
|
|
- <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/jquery.appear.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/jquery.isotope.min.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/retina-1.1.0.min.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/plugins-scroll.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/waypoint.min.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
|
|
|
|
|
- </script>
|
|
|
|
|
- <script type="text/javascript" src="../js/script.js">
|
|
|
|
|
- </script>
|
|
|
|
|
|
|
+ <script type="text/javascript" src="../js/jquery.magnific-popup.min.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/jquery.appear.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/jquery.imagesloaded.min.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/jquery.isotope.min.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/retina-1.1.0.min.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/plugins-scroll.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/waypoint.min.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/jquery.themepunch.tools.min.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/jquery.themepunch.revolution.min.js">
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script type="text/javascript" src="../js/script.js">
|
|
|
|
|
+ </script>
|
|
|
<script>
|
|
<script>
|
|
|
- var Speed_1 = 10; //速度(毫秒)
|
|
|
|
|
- var Space_1 = 20; //每次移动(px)
|
|
|
|
|
- if (document.documentElement.clientWidth>1500){
|
|
|
|
|
- var PageWidth_1 = 366 * 1; //翻页宽度
|
|
|
|
|
- }
|
|
|
|
|
- else if (document.documentElement.clientWidth>1150) {
|
|
|
|
|
- var PageWidth_1 = 326 * 1; //翻页宽度
|
|
|
|
|
- }
|
|
|
|
|
- else {
|
|
|
|
|
- var PageWidth_1 = 366 * 1; //翻页宽度
|
|
|
|
|
- }
|
|
|
|
|
- var interval_1 = 3000; //翻页间隔时间
|
|
|
|
|
- var fill_1 = 0; //整体移位
|
|
|
|
|
- var MoveLock_1 = false;
|
|
|
|
|
- var MoveTimeObj_1;
|
|
|
|
|
- var MoveWay_1="right";
|
|
|
|
|
- var Comp_1 = 0;
|
|
|
|
|
- var AutoPlayObj_1=null;
|
|
|
|
|
- function GetObj(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}}
|
|
|
|
|
- function AutoPlay_1(){clearInterval(AutoPlayObj_1);AutoPlayObj_1=setInterval('ISL_GoDown_1();ISL_StopDown_1();',interval_1)}
|
|
|
|
|
- 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);}
|
|
|
|
|
- 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}
|
|
|
|
|
- AutoPlay_1()}
|
|
|
|
|
- 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}
|
|
|
|
|
- GetObj('ISL_Cont_11').scrollLeft-=Space_1}
|
|
|
|
|
- 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)}
|
|
|
|
|
- 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}
|
|
|
|
|
- AutoPlay_1()}
|
|
|
|
|
- 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}
|
|
|
|
|
- GetObj('ISL_Cont_11').scrollLeft+=Space_1}
|
|
|
|
|
- function CompScr_1(){if(Comp_1==0){MoveLock_1=false;return}
|
|
|
|
|
- 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}}
|
|
|
|
|
- if(Comp_1<0){if(Comp_1<-TempSpace){Comp_1+=TempSpace;num=TempSpace}else{num=-Comp_1;Comp_1=0}
|
|
|
|
|
- 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}
|
|
|
|
|
- GetObj('ISL_Cont_11').scrollLeft+=num;setTimeout('CompScr_1()',TempSpeed)}}
|
|
|
|
|
- function picrun_ini(){
|
|
|
|
|
- GetObj("List2_1").innerHTML=GetObj("List1_1").innerHTML;
|
|
|
|
|
- GetObj('ISL_Cont_11').scrollLeft=fill_1>=0?fill_1:GetObj('List1_1').scrollWidth-Math.abs(fill_1);
|
|
|
|
|
- GetObj("ISL_Cont_11").onmouseover=function(){clearInterval(AutoPlayObj_1)}
|
|
|
|
|
- GetObj("ISL_Cont_11").onmouseout=function(){AutoPlay_1()}
|
|
|
|
|
- AutoPlay_1();
|
|
|
|
|
- }
|
|
|
|
|
|
|
+ var Speed_1 = 10; //速度(毫秒)
|
|
|
|
|
+ var Space_1 = 20; //每次移动(px)
|
|
|
|
|
+ if (document.documentElement.clientWidth > 1500) {
|
|
|
|
|
+ var PageWidth_1 = 366 * 1; //翻页宽度
|
|
|
|
|
+ } else if (document.documentElement.clientWidth > 1150) {
|
|
|
|
|
+ var PageWidth_1 = 326 * 1; //翻页宽度
|
|
|
|
|
+ } else {
|
|
|
|
|
+ var PageWidth_1 = 366 * 1; //翻页宽度
|
|
|
|
|
+ }
|
|
|
|
|
+ var interval_1 = 3000; //翻页间隔时间
|
|
|
|
|
+ var fill_1 = 0; //整体移位
|
|
|
|
|
+ var MoveLock_1 = false;
|
|
|
|
|
+ var MoveTimeObj_1;
|
|
|
|
|
+ var MoveWay_1 = "right";
|
|
|
|
|
+ var Comp_1 = 0;
|
|
|
|
|
+ var AutoPlayObj_1 = null;
|
|
|
|
|
+
|
|
|
|
|
+ function GetObj(objName) {
|
|
|
|
|
+ if (document.getElementById) {
|
|
|
|
|
+ return eval('document.getElementById("' + objName + '")')
|
|
|
|
|
+ } else {
|
|
|
|
|
+ return eval('document.all.' + objName)
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ function AutoPlay_1() {
|
|
|
|
|
+ clearInterval(AutoPlayObj_1);
|
|
|
|
|
+ AutoPlayObj_1 = setInterval('ISL_GoDown_1();ISL_StopDown_1();', interval_1)
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ 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);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ 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
|
|
|
|
|
+ }
|
|
|
|
|
+ AutoPlay_1()
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ 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
|
|
|
|
|
+ }
|
|
|
|
|
+ GetObj('ISL_Cont_11').scrollLeft -= Space_1
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ 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)
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ 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
|
|
|
|
|
+ }
|
|
|
|
|
+ AutoPlay_1()
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ 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
|
|
|
|
|
+ }
|
|
|
|
|
+ GetObj('ISL_Cont_11').scrollLeft += Space_1
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ function CompScr_1() {
|
|
|
|
|
+ if (Comp_1 == 0) {
|
|
|
|
|
+ MoveLock_1 = false;
|
|
|
|
|
+ return
|
|
|
|
|
+ }
|
|
|
|
|
+ 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
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ if (Comp_1 < 0) {
|
|
|
|
|
+ if (Comp_1 < -TempSpace) {
|
|
|
|
|
+ Comp_1 += TempSpace;
|
|
|
|
|
+ num = TempSpace
|
|
|
|
|
+ } else {
|
|
|
|
|
+ num = -Comp_1;
|
|
|
|
|
+ Comp_1 = 0
|
|
|
|
|
+ }
|
|
|
|
|
+ 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
|
|
|
|
|
+ }
|
|
|
|
|
+ GetObj('ISL_Cont_11').scrollLeft += num;
|
|
|
|
|
+ setTimeout('CompScr_1()', TempSpeed)
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ function picrun_ini() {
|
|
|
|
|
+ GetObj("List2_1").innerHTML = GetObj("List1_1").innerHTML;
|
|
|
|
|
+ GetObj('ISL_Cont_11').scrollLeft = fill_1 >= 0 ? fill_1 : GetObj('List1_1').scrollWidth - Math.abs(fill_1);
|
|
|
|
|
+ GetObj("ISL_Cont_11").onmouseover = function() {
|
|
|
|
|
+ clearInterval(AutoPlayObj_1)
|
|
|
|
|
+ }
|
|
|
|
|
+ GetObj("ISL_Cont_11").onmouseout = function() {
|
|
|
|
|
+ AutoPlay_1()
|
|
|
|
|
+ }
|
|
|
|
|
+ AutoPlay_1();
|
|
|
|
|
+ }
|
|
|
</script>
|
|
</script>
|
|
|
-
|
|
|
|
|
- </body>
|
|
|
|
|
|
|
|
|
|
-</html>
|
|
|
|
|
|
|
+ </body>
|
|
|
|
|
+
|
|
|
|
|
+</html>
|
zhengkaixin