Startsida Utforska Hjälp
Logga in
liujiankang
/
static
Bevaka 1
Stjärnmärk 0
Fork 0
Filer Ärenden 0 Pull-förfrågningar 0 Wiki
Träd: 3a8789c459
Grenar Taggar
static
/
aiberle-os
/
html
/
zh-cn
/
development_history.html

development_history.html 8.5 KB
Historik Rå

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164 
  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. 

  4. 	<head>
    5. 

  5. 		<meta charset="UTF-8">
    6. 

  6. 		<meta name="viewport" content="width=1360,user-scalable=yes" />     
    7. 

  7. 		<meta name="apple-mobile-web-app-capable" content="yes">
    8. 

  8. 		<meta name="apple-mobile-web-app-status-bar-style" content="black">
    9. 

  9. 		<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    10. 

  10. 		<meta http-equiv="Content-Language" content="zh-CN">
    11. 

  11. 		<meta name="keywords" content="Aiberle、爱贝源、净水机、净水、净水花洒、美容软水机、软水、果蔬清洗机、去农残、果蔬净化机、净水龙头、软水美容、软水保湿、RO反渗透技术、四层净化、净水加热、饮水机、水污染、羟基水、活氧、农药残留">
    12. 

  12. 		<meta name="description" content="美国Aiberle爱贝源品牌，助力精致生活。旗下产品包括桌面净水机、净水花洒、美容软水机、果蔬清洗机、净水龙头等产品。桌面净水机含有四层净化，采用RO反渗透技术，净水可达到直饮水级别，区别于一般饮水机产品，这款净水机可以净水加热，针对现代水污染环境，水质更健康。美容软水机采用净水+软水，软水清洁更干净，软水美容的效果更好，软水保湿锁水。果蔬清洗机有入门款和高端款两个产品，分别采用活氧技术和羟基水+超声笔技术，去除农药残留，果蔬吃的更健康。">
    13. 

  13. 		<title>Aiberle</title>
    14. 

  14. 		<link href="favicon.ico" rel="shortcut icon">
    15. 

  15. 		<link rel="stylesheet" href="../css/main.css" />
    16. 

  16. 		<script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?7361ea740a26cf58f9b204d4ab7a039d";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();</script>
    17. 

  17. 	</head>
    18. 

  18. 

  19. 	<body>
    20. 

  20. 		<div class="header">
    21. 

  21. 			<a href="index.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/logo.png" /></a>
    22. 

  22. 			<a class="icon-language" name="en-us"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/en-us.png" /></a>
    23. 

  23. 		</div>
    24. 

  24. 		<div class="nav-top-bar-box">
    25. 

  25. 		
    26. 

  26. 		<div class="menu-list-1">
    27. 

  27. 			<div>
    28. 

  28. 			<div class="list-cell">
    29. 

  29. 			<a href="understanding_brands.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-1.jpg"/><span>了解品牌</span></a>
    30. 

  30. 			<a href="brand_story.html" style="display: none;"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-2.jpg"/><span>品牌故事</span></a>
    31. 

  31. 			<a href="development_history.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-3.jpg"/><span>发展历程</span></a>
    32. 

  32. 			<a href="enterprise_dynamics.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-4.jpg"/><span>企业动态</span></a>
    33. 

  33. 			</div>
    34. 

  34. 			</div>
    35. 

  35. 		</div>
    36. 

  36. 		<div class="menu-list-3">
    37. 

  37. 			<div>
    38. 

  38. 			<div class="list-cell">
    39. 

  39. 			<a href="pro_aiberle.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-9.jpg"/><span>冲奶机</span></a>
    40. 

  40. 			<a href="//item.jd.com/27532285015.html" target="_blank"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-10.jpg"/><span>孕产妇电动牙刷</span></a>
    41. 

  41. 			</div>
    42. 

  42. 			</div>
    43. 

  43. 		</div>
    44. 

  44. 		<div class="menu-list-4">
    45. 

  45. 				<div>
    46. 

  46. 					<div class="list-cell">
    47. 

  47. 						<a href="pro_aiberle2.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg" /><span>美容软水机</span></a>
    48. 

  48. 						<a href="pro_aiberle3.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg" /><span>净水龙头</span></a>
    49. 

  49. 						<a href="pro_aiberle1.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg" /><span>净水花洒</span></a>
    50. 

  50. 					</div>
    51. 

  51. 				</div>
    52. 

  52. 		</div>
    53. 

  53. 		<div class="nav-top-bar">
    54. 

  54. 				<a class="li menu-1">探索爱贝源</a>
    55. 

  55. 				<a href="pro_water.html">桌面净水机</a>
    56. 

  56. 				<a class="li menu-4">生活净水</a>
    57. 

  57. 				<a class="li menu-3">其他产品</a>
    58. 

  58. 		</div>
    59. 

  59. 		</div>
    60. 

  60. 		
    61. 

  61. 		<div class="main-content">
    62. 

  62. 			<div class="banBox">
    63. 

  63. 				<img width="100%" style="display: block;" src="//s.iamberry.com/aiberle/www/zh-cn/images/a-1.jpg" />
    64. 

  64. 				<div>
    65. 

  65. 				<div class="my-slide linear-in li-2007" style="display: block;">
    66. 

  66. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2007-1.png" />
    67. 

  67. 				</div>
    68. 

  68. 				<div class="my-slide li-2009">
    69. 

  69. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2009-1.png" />
    70. 

  70. 				</div>
    71. 

  71. 				<div class="my-slide li-2011">
    72. 

  72. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2011-1.png" />
    73. 

  73. 				</div>
    74. 

  74. 				<div class="my-slide li-2014">
    75. 

  75. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2014-1.png" />
    76. 

  76. 				</div>
    77. 

  77. 				<div class="my-slide li-2015">
    78. 

  78. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2015-1.png" />
    79. 

  79. 				</div>
    80. 

  80. 				<div class="my-slide li-2016">
    81. 

  81. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2016-1.png" />
    82. 

  82. 				</div>
    83. 

  83. 				<div class="my-slide li-2017">
    84. 

  84. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2017-1.png" />
    85. 

  85. 				</div>
    86. 

  86. 				<div class="my-slide li-2018">
    87. 

  87. 					<img width="100%" src="//s.iamberry.com/aiberle/www/zh-cn/images/2018-1.png" />
    88. 

  88. 				</div>
    89. 

  89. 				</div>
    90. 

  90. 				<div class="timeBox">
    91. 

  91.             <div class="row">
    92. 

  92.                 <div class="line"></div>
    93. 

  93.                 <ul class="iconBox js_iconBox">
    94. 

  94.                     <li class="cur">
    95. 

  95.                         <span class="time_icon" name="2007"></span>
    96. 

  96.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    97. 

  97.                         <p class="time">2007</p>
    98. 

  98.                     </li>
    99. 

  99.                     <li class="">
    100. 

  100.                         <span class="time_icon" name="2009"></span>
    101. 

  101.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    102. 

  102.                         <p class="time">2009</p>
    103. 

  103.                     </li>
    104. 

  104.                     <li class="">
    105. 

  105.                         <span class="time_icon" name="2011"></span>
    106. 

  106.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    107. 

  107.                         <p class="time">2011</p>
    108. 

  108.                     </li>
    109. 

  109.                     <li class="">
    110. 

  110.                         <span class="time_icon" name="2014"></span>
    111. 

  111.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    112. 

  112.                         <p class="time">2014</p>
    113. 

  113.                     </li>
    114. 

  114.                      <li class="">
    115. 

  115.                         <span class="time_icon" name="2015"></span>
    116. 

  116.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    117. 

  117.                         <p class="time">2015</p>
    118. 

  118.                     </li>
    119. 

  119.                     <li class="">
    120. 

  120.                         <span class="time_icon" name="2016"></span>
    121. 

  121.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    122. 

  122.                         <p class="time">2016</p>
    123. 

  123.                     </li>
    124. 

  124.                     <li class="">
    125. 

  125.                         <span class="time_icon" name="2017"></span>
    126. 

  126.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    127. 

  127.                         <p class="time">2017</p>
    128. 

  128.                     </li>
    129. 

  129.                     <li class="">
    130. 

  130.                         <span class="time_icon" name="2018"></span>
    131. 

  131.                         <div><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
    132. 

  132.                         <p class="time">2018</p>
    133. 

  133.                     </li>
    134. 

  134.                 </ul>
    135. 

  135.             </div>
    136. 

  136.         </div>
    137. 

  137. 

  138. 		</div>
    139. 

  139. 		
    140. 

  140. 		<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery-1.11.1.min.js" ></script>
    141. 

  141. 		<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.mousewheel.min.js"></script>
    142. 

  142. 		<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.SuperSlide.2.1.1.js" ></script>
    143. 

  143. 		<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/main.js"></script>
    144. 

  144. 		<script>
    145. 

  145. 			$(function() {
    146. 

  146. 				$('.banBox').on('mousewheel', function(event, delta) {
    147. 

  147. 					var dir = delta > 0 ? 'Up' : 'Down';
    148. 

  148. 					if (dir == 'Up') {
    149. 

  149. 						
    150. 

  150. 					} else {
    151. 

  151. 						
    152. 

  152. 					}
    153. 

  153. 					return false;
    154. 

  154. 				});
    155. 

  155. 			});				
    156. 

  156. 			$(document).on('click', '.iconBox>li .time_icon', function(index) {
    157. 

  157. 				$(".banBox .my-slide.li-"+$(this).attr("name")).siblings().removeClass("linear-in").hide()
    158. 

  158. 				$(this).parent().addClass("cur").siblings().removeClass("cur");
    159. 

  159. 				$(".banBox .my-slide.li-"+$(this).attr("name")).addClass("linear-in").show();
    160. 

  160. 			});			
    161. 

  161. 		</script>
    162. 

  162. 	</body>
    163. 

  163. 

  164. </html>
    165.