1154 lines
75 KiB
HTML
1154 lines
75 KiB
HTML
<!doctype html>
|
||
<html lang="en-US" prefix="og: https://ogp.me/ns#">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<link rel="profile" href="https://gmpg.org/xfn/11">
|
||
<title>北斗卫星系统</title>
|
||
<meta name="description" content="NASA.gov brings you the latest news, images and videos from America's space agency, pioneering the future in space exploration, scientific discovery and aeronautics research."/>
|
||
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
|
||
<link rel="canonical" href="https://www.nasa.gov/" />
|
||
<meta property="og:locale" content="en_US" />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:title" content="NASA" />
|
||
<meta property="og:description" content="NASA.gov brings you the latest news, images and videos from America's space agency, pioneering the future in space exploration, scientific discovery and aeronautics research." />
|
||
<meta property="og:url" content="https://www.nasa.gov/" />
|
||
<meta property="og:site_name" content="NASA" />
|
||
<meta property="og:updated_time" content="2024-01-05T17:03:59-05:00" />
|
||
<meta property="og:image" content="https://www.nasa.gov/wp-content/uploads/2018/07/174116main_2006_01777_highres.jpg" />
|
||
<meta property="og:image:secure_url" content="https://www.nasa.gov/wp-content/uploads/2018/07/174116main_2006_01777_highres.jpg" />
|
||
<meta property="og:image:width" content="640" />
|
||
<meta property="og:image:height" content="512" />
|
||
<meta property="og:image:alt" content="NASA Meatball paint refresh" />
|
||
<meta property="og:image:type" content="image/jpeg" />
|
||
<meta property="article:published_time" content="2022-12-07T13:25:23-05:00" />
|
||
<meta property="article:modified_time" content="2024-01-05T17:03:59-05:00" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/21X5lGlDOfg" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/NpHFB_DYXhY" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/_LJHRpDvPCw" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/bTQjiMtpMG0" />
|
||
<meta property="video:duration" content="117" />
|
||
<meta property="og:video" content="https://www.nasa.gov/wp-content/uploads/2023/11/final-nasa-15-sec-horizontal-16-9.mp4" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/1fOWosS_f1Y" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/31b1yjUBlO0" />
|
||
<meta property="video:duration" content="148" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/MTyzq4ey9RE" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/OffTxAiAQfM" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/ZbBx4sW68uw" />
|
||
<meta property="video:duration" content="198" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/vUYcQ_ehArw" />
|
||
<meta property="video:duration" content="180" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/YQWespzOtzI" />
|
||
<meta property="video:duration" content="176" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/CRZYw9fEBe4" />
|
||
<meta property="video:duration" content="1241" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/IGuHErKAiHs" />
|
||
<meta property="video:duration" content="153" />
|
||
<meta property="og:video" content="https://www.youtube.com/embed/R-TOoGTvFL8" />
|
||
<meta property="video:duration" content="250" />
|
||
<meta property="ya:ovs:upload_date" content="2018-12-28" />
|
||
<meta property="ya:ovs:allow_embed" content="true" />
|
||
<meta name="twitter:card" content="summary_large_image" />
|
||
<meta name="twitter:title" content="NASA" />
|
||
<meta name="twitter:description" content="NASA.gov brings you the latest news, images and videos from America's space agency, pioneering the future in space exploration, scientific discovery and aeronautics research." />
|
||
<meta name="twitter:image" content="https://www.nasa.gov/wp-content/uploads/2018/07/174116main_2006_01777_highres.jpg" />
|
||
<script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.nasa.gov/#organization","name":"NASA"},{"@type":"WebSite","@id":"https://www.nasa.gov/#website","url":"https://www.nasa.gov","name":"NASA","publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://www.nasa.gov/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"ImageObject","@id":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","url":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","width":"640","height":"320","caption":"NASA Meatball","inLanguage":"en-US"},{"@type":"WebPage","@id":"https://www.nasa.gov/#webpage","url":"https://www.nasa.gov/","name":"NASA","datePublished":"2022-12-07T13:25:23-05:00","dateModified":"2024-01-05T17:03:59-05:00","about":{"@id":"https://www.nasa.gov/#organization"},"isPartOf":{"@id":"https://www.nasa.gov/#website"},"primaryImageOfPage":{"@id":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://www.nasa.gov/#author","name":"Brian Dunbar","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/ceb52c69ef2439a6b1908d0a88e02b66?s=96&d=blank&r=g","url":"https://secure.gravatar.com/avatar/ceb52c69ef2439a6b1908d0a88e02b66?s=96&d=blank&r=g","caption":"Brian Dunbar","inLanguage":"en-US"},"worksFor":{"@id":"https://www.nasa.gov/#organization"}},{"headline":"NASA","description":"NASA.gov brings you the latest news, images and videos from America's space agency, pioneering the future in space exploration, scientific discovery and aeronautics research.","datePublished":"2022-12-07T13:25:23-05:00","dateModified":"2024-01-05T17:03:59-05:00","image":{"@id":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg"},"author":{"@id":"https://www.nasa.gov/#author","name":"Brian Dunbar"},"@type":"Article","name":"NASA","@id":"https://www.nasa.gov/#schema-4458063","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://www.nasa.gov/#webpage"}},{"@type":"VideoObject","name":"NASA Live: Official Stream of NASA TV","description":"Direct from America's space program to YouTube, watch NASA TV live streaming here to get the latest from our exploration of the universe and learn how we dis...","uploadDate":"2018-12-28","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/21X5lGlDOfg","duration":"PT0M0S","width":"480","height":"360","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-4458064","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://www.nasa.gov/#webpage"}},{"@type":"VideoObject","name":"Launch of Northrop Grumman's 19th Cargo Mission to the Space Station (Official NASA Broadcast)","description":"Watch live as medical studies, a new water dispenser, artwork from students around the world, and other research and supplies lift off for the International ...","uploadDate":"2023-07-24","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/NpHFB_DYXhY","duration":"PT0M0S","width":"640","height":"360","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-4483947","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"Spacewalks Preview \u2013 Oct. 6, 2023 (Official NASA Briefing)","description":"NASA experts from Johnson Space Center preview a series of upcoming spacewalks at the International Space Station. News conference participants include:\u2022 Dan...","uploadDate":"2023-10-04","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/_LJHRpDvPCw","duration":"PT0M0S","width":"480","height":"360","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5002983","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"Lucy's Journey: Episode 8 - "Dinkinesh"","description":"Meet Lucy as she prepares for the first ever journey to the Trojan asteroids, a population of primitive small bodies orbiting in tandem with Jupiter.Video cr...","uploadDate":"2023-10-25T07:02:13-07:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/bTQjiMtpMG0","duration":"PT1M57S","width":"1280","height":"720","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5045439","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"NASA","description":"NASA.gov brings you the latest news, images and videos from America's space agency, pioneering the future in space exploration, scientific discovery and aeronautics research.","uploadDate":"2022-12-07T13:25:23-05:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","contentUrl":"https://www.nasa.gov/wp-content/uploads/2023/11/final-nasa-15-sec-horizontal-16-9.mp4","width":"1920","height":"1080","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5056869","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"NASA\u2019s VIPER Moon Rover: Robot Build Watch Party","description":"We're building our first robotic Moon rover! Join us to chat with experts and watch history in the making.","uploadDate":"2023-11-07T22:40:33-08:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/1fOWosS_f1Y","duration":"PT0M0S","width":"640","height":"360","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5064948","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"Thanksgiving Message from the International Space Station","description":"Aboard the International Space Station, NASA astronauts Jasmin Moghbeli and Loral O\u2019Hara along with ESA (European Space Agency) astronaut Andreas Mogensen an...","uploadDate":"2023-11-22T07:00:02-08:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/31b1yjUBlO0","duration":"PT2M28S","width":"1280","height":"720","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5081123","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"NASA\u2019s VIPER Moon Rover: Robot Build Watch Party","description":"We're building our first robotic Moon rover! Join us to chat with VIPER mission experts and a behind the scenes look at the build process.","uploadDate":"2023-12-04T10:35:42-08:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/MTyzq4ey9RE","duration":"PT0M0S","width":"640","height":"360","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5091934","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"Rover lunar VIPER de la NASA: "Watch party" de la construcci\u00f3n del robot","description":"\u00a1Estamos construyendo el primer rover lunar de la NASA, VIPER! \u00danete a expertos de la misi\u00f3n VIPER y aprende sobre el proceso del montaje.___________________...","uploadDate":"2023-12-04T06:50:03-08:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/OffTxAiAQfM","duration":"PT0M0S","width":"480","height":"360","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5093759","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"Happy Holidays from the Expedition 70 Crew","description":"Aboard the International Space Station, NASA astronauts Jasmin Moghbeli and Loral O\u2019Hara along with ESA (European Space Agency) astronaut Andreas Mogensen an...","uploadDate":"2023-12-22T08:50:32-08:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/ZbBx4sW68uw","duration":"PT3M18S","width":"1280","height":"720","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5115858","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"Happy Holidays from the Expedition 70 Crew","description":"Aboard the International Space Station, NASA astronauts Jasmin Moghbeli and Loral O\u2019Hara along with ESA (European Space Agency) astronaut Andreas Mogensen an...","uploadDate":"2023-12-22T12:46:16-08:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/vUYcQ_ehArw","duration":"PT3M0S","width":"1280","height":"720","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5116019","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"NASA 2023: Nothing is Beyond Our Reach","description":"NASA\u2019s mission is to explore the unknown in air and space, innovate for the benefit of humanity, and inspire the world through discovery. NASA showed the wor...","uploadDate":"2023-12-12T11:40:26-08:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/YQWespzOtzI","duration":"PT2M56S","width":"1280","height":"720","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5116147","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"Space to Ground: 2023","description":"NASA's Space to Ground is your weekly update on what's happening aboard the International Space Station. Got a question or comment? Use #AskNASA to talk to u...","uploadDate":"2023-12-22T08:06:23-08:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/CRZYw9fEBe4","duration":"PT20M41S","width":"1280","height":"720","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5116158","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"NASA 2024: Onward and Upward","description":"Landing science on the Moon, demonstrating quiet supersonic aircraft, and launching two new Earth climate satellites, plus a mission to Europa, one of Jupite...","uploadDate":"2023-12-27T08:01:23-08:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/IGuHErKAiHs","duration":"PT2M33S","width":"1280","height":"720","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5118327","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"},{"@type":"VideoObject","name":"What's Up: January 2024 Skywatching Tips from NASA","description":"What are some skywatching highlights in January 2024?The year kicks off with the Quadrantid meteors, and some great Moon-planet pairings. Plus, did you know...","uploadDate":"2024-01-02T10:42:48-08:00","thumbnailUrl":"https://www.nasa.gov/wp-content/uploads/2016/01/meatball_hires.jpg","embedUrl":"https://www.youtube.com/embed/R-TOoGTvFL8","duration":"PT4M10S","width":"1280","height":"720","isFamilyFriendly":"True","@id":"https://www.nasa.gov/#schema-5125873","isPartOf":{"@id":"https://www.nasa.gov/#webpage"},"publisher":{"@id":"https://www.nasa.gov/#organization"},"inLanguage":"en-US"}]}</script>
|
||
<!-- /Rank Math WordPress SEO plugin -->
|
||
<script>
|
||
window.difyChatbotConfig = {
|
||
token: 'Mpxb9S0kS6kGmqH0'
|
||
}
|
||
</script>
|
||
<script
|
||
src="https://udify.app/embed.min.js"
|
||
id="Mpxb9S0kS6kGmqH0"
|
||
defer>
|
||
</script>
|
||
<style>
|
||
body {
|
||
margin: 0;
|
||
}
|
||
|
||
.body-wrap {
|
||
background-color: #fff;
|
||
width: 600px;
|
||
min-height: 500px;
|
||
margin: 0 auto;
|
||
font-size: 12px;
|
||
}
|
||
|
||
.pres-timeline {
|
||
font-family: roboto, helvetica, sans-serif;
|
||
font-size: 12px;
|
||
color: #4A4A4A;
|
||
width: 100%;
|
||
margin: 30px 0;
|
||
}
|
||
.pres-timeline > div > div {
|
||
padding: 1em 0;
|
||
box-sizing: border-box;
|
||
}
|
||
.pres-timeline .periods-container, .pres-timeline .cards-container {
|
||
overflow: hidden;
|
||
box-sizing: border-box;
|
||
position: relative;
|
||
min-height: 100px;
|
||
transition: height 0.5s ease-in-out;
|
||
background-color: #FFF;
|
||
}
|
||
.periods-container:before {
|
||
background-image: linear-gradient(left, #FFF, rgba(248, 248, 248, 0));
|
||
left: 0;
|
||
content: "";
|
||
position: absolute;
|
||
z-index: 2;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100px;
|
||
}
|
||
.periods-container:after {
|
||
background-image: linear-gradient(right, #FFF, rgba(248, 248, 248, 0));
|
||
right: 0;
|
||
content: "";
|
||
position: absolute;
|
||
z-index: 2;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100px;
|
||
}
|
||
.periods-container .btn-back, .periods-container .btn-next {
|
||
display: inline-block;
|
||
width: 15%;
|
||
height: 100%;
|
||
position: absolute;
|
||
cursor: pointer;
|
||
z-index: 10;
|
||
transition: 0.3s ease-in-out;
|
||
}
|
||
.periods-container .btn-back:hover, .periods-container .btn-next:hover {
|
||
background-color: rgba(0, 0, 0, 0.05);
|
||
}
|
||
.periods-container .btn-back.hide, .periods-container .btn-next.hide {
|
||
display: none;
|
||
}
|
||
.periods-container .btn-back {
|
||
left: 0;
|
||
}
|
||
.periods-container .btn-next {
|
||
right: 0;
|
||
}
|
||
.periods-container section {
|
||
width: 70%;
|
||
height: 0;
|
||
position: absolute;
|
||
margin-left: 15%;
|
||
border-bottom: 5px solid #dfe3e6;
|
||
padding: 1.5em;
|
||
box-sizing: border-box;
|
||
transition: transform 0.3s ease-in-out, opacity 0.2s ease, height 0.3s ease;
|
||
bottom: 0;
|
||
opacity: 0;
|
||
background-color: #fff;
|
||
}
|
||
.periods-container section.active {
|
||
height: auto;
|
||
opacity: 1;
|
||
transform: translateX(0);
|
||
z-index: 5;
|
||
}
|
||
.periods-container section.active .title, .periods-container section.active p {
|
||
display: block;
|
||
}
|
||
.periods-container section.prev {
|
||
height: auto;
|
||
opacity: 0.4;
|
||
transform: translateX(-100%);
|
||
z-index: 0;
|
||
}
|
||
.periods-container section.prev .year {
|
||
text-align: right;
|
||
}
|
||
.periods-container section.next {
|
||
height: auto;
|
||
opacity: 0.4;
|
||
transform: translateX(100%);
|
||
z-index: 0;
|
||
}
|
||
.periods-container section .year {
|
||
font-size: 20px;
|
||
font-weight: 400;
|
||
}
|
||
.periods-container section .title {
|
||
color: #4A4A4A;
|
||
font-size: 28px;
|
||
font-weight: 400;
|
||
display: none;
|
||
}
|
||
.periods-container section p {
|
||
display: none;
|
||
}
|
||
|
||
.timeline-container {
|
||
position: relative;
|
||
width: 100%;
|
||
height: 50px;
|
||
overflow: hidden;
|
||
}
|
||
.timeline-container:before {
|
||
background-image: linear-gradient(left, #FFF, rgba(248, 248, 248, 0));
|
||
left: 0;
|
||
content: "";
|
||
position: absolute;
|
||
z-index: 2;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100px;
|
||
}
|
||
.timeline-container:after {
|
||
background-image: linear-gradient(right, #FFF, rgba(248, 248, 248, 0));
|
||
right: 0;
|
||
content: "";
|
||
position: absolute;
|
||
z-index: 2;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100px;
|
||
}
|
||
.timeline-container .timeline {
|
||
position: absolute;
|
||
display: block;
|
||
height: 50px;
|
||
transition: left 0.3s ease-in-out;
|
||
}
|
||
.timeline-container .timeline ol {
|
||
display: block;
|
||
width: 100%;
|
||
height: 2px;
|
||
background-color: #dfe3e6;
|
||
list-style: none;
|
||
padding-left: 210px;
|
||
padding-right: 300px;
|
||
}
|
||
.timeline-container .timeline ol li {
|
||
display: inline-block;
|
||
padding: 5px;
|
||
margin-top: -11px;
|
||
margin-left: 80px;
|
||
border-radius: 50%;
|
||
border: 3px solid #7f9298;
|
||
background-color: #FFF;
|
||
position: relative;
|
||
cursor: pointer;
|
||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
||
}
|
||
.timeline-container .timeline ol li.active {
|
||
box-shadow: none;
|
||
}
|
||
.timeline-container .timeline ol li.active:before {
|
||
content: "";
|
||
display: block;
|
||
height: 25px;
|
||
width: 1px;
|
||
position: absolute;
|
||
top: -25px;
|
||
transition: opacity 0.3s ease-in-out;
|
||
}
|
||
.timeline-container .timeline ol li.active:after {
|
||
content: "";
|
||
display: block;
|
||
height: 25px;
|
||
width: 1px;
|
||
position: absolute;
|
||
bottom: -25px;
|
||
transition: opacity 0.3s ease-in-out;
|
||
}
|
||
.timeline-container .btn-back, .timeline-container .btn-next {
|
||
display: inline-block;
|
||
position: absolute;
|
||
cursor: pointer;
|
||
margin-top: -2px;
|
||
z-index: 11;
|
||
transition: all 0.3s ease;
|
||
}
|
||
.timeline-container .btn-back.hide, .timeline-container .btn-next.hide {
|
||
display: none;
|
||
}
|
||
.timeline-container .btn-back:hover, .timeline-container .btn-next:hover {
|
||
border-color: #7f9298;
|
||
}
|
||
.timeline-container .btn-back {
|
||
left: 1em;
|
||
}
|
||
.timeline-container .btn-next {
|
||
right: 1em;
|
||
}
|
||
|
||
.cards-container:before {
|
||
background-image: linear-gradient(left, #FFF, rgba(248, 248, 248, 0));
|
||
left: 0;
|
||
content: "";
|
||
position: absolute;
|
||
z-index: 2;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100px;
|
||
}
|
||
.cards-container:after {
|
||
background-image: linear-gradient(right, #FFF, rgba(248, 248, 248, 0));
|
||
right: 0;
|
||
content: "";
|
||
position: absolute;
|
||
z-index: 2;
|
||
top: 0;
|
||
height: 100%;
|
||
width: 100px;
|
||
}
|
||
.cards-container section {
|
||
width: 70%;
|
||
position: absolute;
|
||
margin-left: 15%;
|
||
margin-bottom: 2em;
|
||
border: 1px solid #f5f7f6;
|
||
padding: 1.5em;
|
||
box-sizing: border-box;
|
||
transition: transform 0.3s ease-in-out;
|
||
top: 0;
|
||
opacity: 0;
|
||
border-radius: 8px;
|
||
background-color: #fff;
|
||
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
|
||
}
|
||
.cards-container section.active {
|
||
height: auto;
|
||
opacity: 1;
|
||
transform: translateX(0);
|
||
z-index: 5;
|
||
}
|
||
.cards-container section.prev {
|
||
height: auto;
|
||
opacity: 0.4;
|
||
transform: translateX(-105%);
|
||
z-index: 0;
|
||
}
|
||
.cards-container section.next {
|
||
height: auto;
|
||
opacity: 0.4;
|
||
transform: translateX(105%);
|
||
z-index: 0;
|
||
}
|
||
.cards-container section .year {
|
||
text-align: center;
|
||
font-size: 16px;
|
||
margin: 0;
|
||
}
|
||
.cards-container section .title {
|
||
font-weight: 400;
|
||
}
|
||
.cards-container section img {
|
||
width: 100%;
|
||
}
|
||
</style>
|
||
|
||
<script>
|
||
window.console = window.console || function(t) {};
|
||
</script>
|
||
|
||
<link rel="stylesheet" href="./css/history.css">
|
||
<link rel='dns-prefetch' href='//cdn.parsely.com' />
|
||
<link rel="alternate" type="application/rss+xml" title="NASA » Feed" href="https://www.nasa.gov/feed/" />
|
||
<link rel="apple-touch-icon" sizes="180x180" href="https://www.nasa.gov/wp-content/plugins/nasa-hds-core-setup/assets/favicons/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="https://www.nasa.gov/wp-content/plugins/nasa-hds-core-setup/assets/favicons/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="https://www.nasa.gov/wp-content/plugins/nasa-hds-core-setup/assets/favicons/favicon-16x16.png">
|
||
<link rel="manifest" href="https://www.nasa.gov/wp-content/plugins/nasa-hds-core-setup/assets/favicons/site.webmanifest">
|
||
<link rel="mask-icon" href="https://www.nasa.gov/wp-content/plugins/nasa-hds-core-setup/assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
|
||
<meta name="msapplication-TileColor" content="#da532c">
|
||
<meta name="theme-color" content="#ffffff">
|
||
<style id='wp-block-library-inline-css'>
|
||
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#ddd;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
|
||
</style>
|
||
<link rel='stylesheet' id='all-css-2' href='https://www.nasa.gov/_static/??-eJyFjMESgjAMRH/IGBDBk+O3hBKhQ5oypKXj39vRizdPO7tv52HZwEVNrAmd+BoQMmySZ6+G2cpk8NwpcIn7+u04Zi8TWnoJ29mZnfBHkhYObKhkhJXhLHEkAaXj75WPun6Mj3Bvb821a/tLP7wB5Cw7+g==' type='text/css' media='all' />
|
||
<script type="text/javascript" src="https://www.nasa.gov/_static/??-eJyNzssKAjEMBdAfstMOIjIL8VtiDZ0OeWgfvr7eii5cWSHcbM4NsdeTieKpHjHbpc25Yrp/1sBRhiWv7C9kOIYEBb+xVykoxZYZuVUEMrx6gfQAZAQuHcgo1RQNgbAjqd5U3vnHAyUyPlR6R/MMCU1WH4Ea3fNu3Lpxchu3npYntr9wqA==" defer></script><link rel="https://api.w.org/" href="https://www.nasa.gov/wp-json/" /><link rel="alternate" type="application/json" href="https://www.nasa.gov/wp-json/wp/v2/pages/128943" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.nasa.gov/xmlrpc.php?rsd" />
|
||
<meta name="generator" content="WordPress 6.3.2" />
|
||
<link rel='shortlink' href='https://www.nasa.gov/' />
|
||
<link rel="alternate" type="application/json+oembed" href="https://www.nasa.gov/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.nasa.gov%2F" />
|
||
<link rel="alternate" type="text/xml+oembed" href="https://www.nasa.gov/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.nasa.gov%2F&format=xml" />
|
||
<link rel="preload" fetchpriority="high" href="https://www.nasa.gov/wp-content/client-mu-plugins/uswds-framework/uswds/fonts/public-sans/PublicSans-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
|
||
<link rel="preload" fetchpriority="high" href="https://www.nasa.gov/wp-content/client-mu-plugins/uswds-framework/uswds/fonts-split/inter/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2" as="font" type="font/woff2" crossorigin="anonymous">
|
||
<link rel="preload" fetchpriority="high" href="https://www.nasa.gov/wp-content/client-mu-plugins/uswds-framework/uswds/fonts-split/db-mono/aFTU7PB1QTsUX8KYthqQBA.woff2" as="font" type="font/woff2" crossorigin="anonymous">
|
||
<script language="javascript" id="_fed_an_ua_tag" src="https://dap.digitalgov.gov/Universal-Federated-Analytics-Min.js?agency=NASA&yt=true&dclink=true&exts=stl,fbx,glb,usdz&enhlink=true&sdor=www.nasa.gov"></script>
|
||
<script type="text/javascript">
|
||
// DO NOT MODIFY BELOW THIS LINE *****************************************
|
||
;(function (g) {
|
||
var d = document, am = d.createElement('script'), h = d.head || d.getElementsByTagName('head')[0], fsr = 'fsReady',
|
||
aex = { "src": "//gateway.foresee.com/sites/nasa-gov/production/gateway.min.js", "type": "text/javascript", "async": "true", "data-vendor": "fs", "data-role": "gateway" };
|
||
for (var attr in aex){am.setAttribute(attr, aex[attr]);}h.appendChild(am);g[fsr] || (g[fsr] = function () {var aT = '__' + fsr + '_stk__';g[aT] = g[aT] || [];g[aT].push(arguments);});
|
||
})(window);
|
||
// DO NOT MODIFY ABOVE THIS LINE *****************************************
|
||
</script>
|
||
<!-- Google Tag Manager -->
|
||
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||
})(window,document,'script','dataLayer','GTM-NLJ258M');</script>
|
||
<!-- End Google Tag Manager -->
|
||
<meta name="searchgov_custom1" content="1::128943"/>
|
||
<meta name="searchgov_custom2" content=""/>
|
||
<meta name="searchgov_custom3" content="page"/>
|
||
<meta name="keywords" content=""/>
|
||
<meta name="parsely-title" content="NASA" />
|
||
<meta name="parsely-link" content="https://www.nasa.gov" />
|
||
<meta name="parsely-type" content="index" />
|
||
|
||
<!-- USWDS Includes -->
|
||
<!-- End USWDS Includes -->
|
||
</head>
|
||
<body class="home page-template-default page page-id-128943">
|
||
<!-- Google Tag Manager (noscript) -->
|
||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NLJ258M"
|
||
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||
<!-- End Google Tag Manager (noscript) -->
|
||
|
||
<header class="hds-nasa-header usa-header usa-header-mobile color-spacesuit-white bg-carbon-black display-block display-block desktop:display-none padding-x-3 padding-y-2">
|
||
<div class="usa-nav-container grid-row">
|
||
<div class="grid-col display-flex flex-align-center flex-justify-start">
|
||
<button id="global-navigation-trigger--mobile" class="hds-global-menu-toggle menu-toggle menu-mobile-toggle" aria-expanded="false" data-menu-action="open" data-menu-location="left">
|
||
<div class="menu-toggle-icon">
|
||
<div class="menu-toggle-icon-top"></div>
|
||
<div class="menu-toggle-icon-center"></div>
|
||
<div class="menu-toggle-icon-bottom"></div>
|
||
</div>
|
||
</button>
|
||
</div>
|
||
<div class="grid-col display-flex flex-align-center flex-justify-center">
|
||
<a id="mobile-header-logo" href="https://www.nasa.gov/" class="usa-logo display-block margin-0 width-fit-content text-center">
|
||
<img fetchpriority="high" width="60" height="50.58" alt="NASA Logo" src="C:/Users/马源1/Desktop/pict/beidou.svg" srcset="C:/Users/马源1/Desktop/pict/beidou.svg">
|
||
</a>
|
||
</div>
|
||
<div class="grid-col display-flex flex-align-center flex-justify-end">
|
||
<button class="hds-search-panel-mobile-trigger search-mobile color-carbon-20 menu-toggle" data-menu-action="open" data-menu-location="right">
|
||
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.643L8.804 7.447a4.8 4.8 0 10-1.357 1.357L10.642 12 12 10.643zM1.36 4.8a3.44 3.44 0 116.879 0 3.44 3.44 0 01-6.879 0z"></path></svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<header class="usa-header usa-header--basic usa-header-primary padding-y-2 padding-x-2 bg-carbon-black color-spacesuit-white display-none desktop:display-block">
|
||
<div class="usa-nav-container padding-0 grid-container grid-container-extrawide grid-row">
|
||
<div class="grid-col-5 display-flex flex-align-center">
|
||
<ul class="usa-nav__primary usa-accordion">
|
||
<li class="hds-explore-nav-trigger usa-nav__primary-item margin-right-2">
|
||
<button class="usa-accordion__button usa-nav__link display-flex flex-align-center" aria-expanded="false" id="global-navigation-trigger" >
|
||
<span>北斗卫星</span>
|
||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="17px" viewBox="0 0 16 17" style="enable-background:new 0 0 16 17;" xml:space="preserve"><g> <g> <path d="M8,16.5c-4.4,0-8-3.6-8-8s3.6-8,8-8s8,3.6,8,8S12.4,16.5,8,16.5z M8,1.5c-3.9,0-7,3.1-7,7c0,3.9,3.1,7,7,7 s7-3.1,7-7C15,4.6,11.9,1.5,8,1.5z"/> </g> <g> <path d="M8,10l2.6-2.6L11.2,8L8,11.2L4.8,8l0.6-0.6L8,10z"/> </g></g></svg>
|
||
</button>
|
||
</li>
|
||
</ul>
|
||
|
||
</div>
|
||
<div class="grid-col-2 display-flex flex-justify-center flex-align-center">
|
||
<a id="header-logo" href="https://www.nasa.gov/" class="usa-logo tablet:display-block margin-0" style="width: 60px;">
|
||
|
||
</a>
|
||
</div>
|
||
<nav aria-label="Primary navigation" class="usa-nav grid-col-5 color-spacesuit-white">
|
||
<div class="usa-nav__inner hds-nav__inner">
|
||
<ul class="hds-nav-primary color-spacesuit-white usa-nav__primary">
|
||
<li class="hds-nav-has-submenu usa-nav__primary-item">
|
||
<button class="usa-nav__link heading-16 color-spacesuit-white padding-y-2 padding-x-2 display-flex flex-align-center" aria-expanded="false" aria-controls="news-events-submenu">
|
||
<span>关于北斗卫星</span>
|
||
<svg version="1.1" fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="306px" viewBox="0 0 306 306" style="enable-background:new 0 0 306 306;" xml:space="preserve"><g><polygon points="270.3,58.65 153,175.95 35.7,58.65 0,94.35 153,247.35 306,94.35 "/></g></svg>
|
||
</button>
|
||
<ul id="news-events-submenu" class="hds-nav__submenu" hidden>
|
||
|
||
<li class="hds-submenu-item usa-nav__submenu-item">
|
||
<a href="https://udify.app/chat/YGyBC0FhmUarzH6m">
|
||
<span>北斗问答平台</span>
|
||
</a>
|
||
</li>
|
||
<li class="hds-submenu-item usa-nav__submenu-item">
|
||
<a href="https://plus.nasa.gov/series/">
|
||
<span>北斗发展历程</span>
|
||
</a>
|
||
</li>
|
||
<li class="hds-submenu-item usa-nav__submenu-item">
|
||
<a href="https://www.nasa.gov/podcasts/">
|
||
<span>北斗研发科学家</span>
|
||
</a>
|
||
</li>
|
||
<li class="hds-submenu-item usa-nav__submenu-item">
|
||
<a href="https://www.nasa.gov/nasa-blogs/">
|
||
<span>北斗卫星星历</span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li class="hds-nav-has-submenu usa-nav__primary-item">
|
||
<button class="usa-nav__link heading-16 color-spacesuit-white padding-y-2 padding-x-2 display-flex flex-align-center" aria-expanded="false" aria-controls="news-galleries-submenu">
|
||
<span>可视化平台</span>
|
||
<svg version="1.1" fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="306px" height="306px" viewBox="0 0 306 306" style="enable-background:new 0 0 306 306;" xml:space="preserve"><g><polygon points="270.3,58.65 153,175.95 35.7,58.65 0,94.35 153,247.35 306,94.35 "/></g></svg>
|
||
</button>
|
||
<ul id="news-galleries-submenu" class="hds-nav__submenu" hidden>
|
||
|
||
<li class="hds-submenu-item usa-nav__submenu-item">
|
||
<a href="https://plus.nasa.gov/">
|
||
<span>进入接口</span>
|
||
</a>
|
||
</li>
|
||
<li class="hds-submenu-item usa-nav__submenu-item">
|
||
<a href="https://www.nasa.gov/images/">
|
||
<span>接口官方</span>
|
||
</a>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
<div class="body-wrap">
|
||
<!-- # component starts -->
|
||
<div class="pres-timeline" id="this-timeline">
|
||
<!-- ### -->
|
||
<!-- <div class="periods-section"> -->
|
||
<div class="periods-container">
|
||
<section class="period-single" period="period1">
|
||
<h4 class="year">Part 1.</h4>
|
||
<h2 class="title">北斗一号导航系统</h2>
|
||
<p>北斗卫星导航系统的开始</p>
|
||
</section>
|
||
|
||
<section class="period-single" period="period2">
|
||
<h4 class="year">Part 2.</h4>
|
||
<h2 class="title">北斗二号导航系统</h2>
|
||
<p>二号系统目标服务亚太</p>
|
||
</section>
|
||
|
||
<section class="period-single" period="period3">
|
||
<h4 class="year">Part 3.</h4>
|
||
<h2 class="title">北斗三号导航系统</h2>
|
||
<p>服务全球，北斗导航系统圆满完成。</p>
|
||
</section>
|
||
<div class="btn-back"></div>
|
||
<div class="btn-next"></div>
|
||
</div>
|
||
<!-- </div> -->
|
||
<!-- ### -->
|
||
<!-- <div class="timeline-section"> -->
|
||
<div class="timeline-container">
|
||
<!-- # timeline graphic place holder - fill with js -->
|
||
<div class="timeline"></div>
|
||
|
||
<div class="btn-back"><svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h30v30H0z"/><path fill="#D8D8D8" fill-rule="evenodd" d="M11.828 15l7.89-7.89-2.83-2.828L6.283 14.89l.11.11-.11.11L16.89 25.72l2.828-2.83"/></svg></div>
|
||
<div class="btn-next"><svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h30v30H0z"/><path fill="#D8D8D8" fill-rule="evenodd" d="M18.172 14.718l-7.89-7.89L13.112 4l10.606 10.607-.11.11.11.11-10.608 10.61-2.828-2.83 7.89-7.89"/></svg></div>
|
||
</div>
|
||
<!-- </div> -->
|
||
<!-- ### -->
|
||
<!-- <div class="cards-section"> -->
|
||
<div class="cards-container">
|
||
<section class="card-single active" period="period1">
|
||
<h4 class="year">2000</h4>
|
||
<h2 class="title">1.1</h2>
|
||
<div class="content">
|
||
<img src="./img/1.1.jpg" alt="" />
|
||
<p>20世纪开始，国家专注于建设独立自主的导航系统。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card-single" period="period1">
|
||
<h4 class="year">2000</h4>
|
||
<h2 class="title">1.2</h2>
|
||
<div class="content">
|
||
<p>北斗卫星导航系统的概念正式提出，第一步先抢先建立起服务于全国的卫星导航网络。</p>
|
||
<p>起步阶段（2000年-2003年）：</p>
|
||
<p>2000年，中国启动了北斗导航系统的建设，并成功发射了第一颗北斗导航卫星。
|
||
在这一阶段，主要集中于技术验证和系统原型的开发，以验证卫星导航技术的可行性。</p>
|
||
<p>初步建成（2004年-2008年）：</p>
|
||
<p>2004年，中国成功发射第二颗北斗导航卫星，标志着系统的初步建设。
|
||
在这一时期，逐步增加卫星数量，形成了初步的导航卫星星座，并开始提供有限的导航服务，主要覆盖中国及周边地区。</p>
|
||
<p>区域服务完善（2009年-2012年）：</p>
|
||
<p>2009年，中国进一步发射了一系列北斗导航卫星，形成了初步的全球导航卫星星座。</p>
|
||
<p> 在这一阶段，北斗系统逐渐实现了对整个亚太地区的导航服务，并提供更加精准的定位和导航功能。</p>
|
||
<p>2012年，北斗导航系统正式建成，宣布实现了区域导航服务，为第一步战略的实现奠定了基础。</p>
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card-single" period="period2">
|
||
<h4 class="year">2012</h4>
|
||
<h2 class="title">2.1</h2>
|
||
<div class="content">
|
||
<img src="./img/2.1.jpg" alt="" />
|
||
<p>北斗二号系统致力于完成亚太地区服务</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card-single" period="period2">
|
||
<h4 class="year">2012</h4>
|
||
<h2 class="title">2.2</h2>
|
||
<div class="content">
|
||
<p>起步阶段（2000年-2003年）：</p>
|
||
<p>2000年，中国启动了北斗导航系统的建设，并成功发射了第一颗北斗导航卫星。
|
||
在这一阶段，主要集中于技术验证和系统原型的开发，以验证卫星导航技术的可行性。</p>
|
||
<p>初步建成（2004年-2008年）：</p>
|
||
<p>2004年，中国成功发射第二颗北斗导航卫星，标志着系统的初步建设。
|
||
在这一时期，逐步增加卫星数量，形成了初步的导航卫星星座，并开始提供有限的导航服务，主要覆盖中国及周边地区。
|
||
</p>
|
||
<p>区域服务完善（2009年-2012年）：</p>
|
||
<p>
|
||
2009年，中国进一步发射了一系列北斗导航卫星，形成了初步的全球导航卫星星座。
|
||
在这一阶段，北斗系统逐渐实现了对整个亚太地区的导航服务，并提供更加精准的定位和导航功能。
|
||
</p>
|
||
<p> 2012年，北斗导航系统正式建成，宣布实现了区域导航服务，为第一步战略的实现奠定了基础。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card-single" period="period3">
|
||
<h4 class="year">2020</h4>
|
||
<h2 class="title">3.1</h2>
|
||
<div class="content">
|
||
<img src="./img/3.1.jpg" alt="" />
|
||
<p>北斗导航系统完成，覆盖全球。</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="card-single" period="period3">
|
||
<h4 class="year">2020</h4>
|
||
<h2 class="title">3.1</h2>
|
||
<div class="content">
|
||
<img src="./img/3.1.jpg" alt="" />
|
||
<p>技术创新和性能提升（2020年-2025年）：</p>
|
||
<p>在第三步战略中，中国着重于进一步提高北斗导航系统的技术水平和性能。
|
||
通过引入先进的导航技术、提升卫星和地面设备的性能，北斗系统将逐步提升导航信号的精度、稳定性和覆盖范围，以确保在各种环境和应用场景下提供更为可靠的服务。</p>
|
||
<p>应用拓展和产业发展（2025年-2030年）：</p>
|
||
<p>在这一阶段，中国将继续推动北斗系统在各个领域的应用拓展，包括交通、农业、环境监测、智能制造等。</p>
|
||
<p> 通过搭建开放的导航应用平台，鼓励企业和开发者利用北斗导航数据创新应用，促进北斗系统在社会经济发展中的广泛应用。
|
||
</p>
|
||
<p> 同时，中国将支持卫星导航产业的发展，培育相关产业链，推动北斗系统在全球市场的竞争力。
|
||
</p>
|
||
<p> 国际合作与全球影响（2030年-2035年）：
|
||
|
||
</p>
|
||
<p> 在第三步战略的末期，中国将继续加强与其他国际卫星导航系统的合作与交流，推动全球卫星导航体系的互联互通。
|
||
</p>
|
||
<p>通过国际标准的制定、技术共享和资源整合，北斗系统将与其他导航系统形成更紧密的合作关系，共同构建全球卫星导航服务网络。
|
||
</p>
|
||
<p>中国还将通过国际组织和论坛积极参与全球卫星导航规则的制定，提升北斗系统在国际上的影响力和地位。</p>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<!-- </div> -->
|
||
<!-- ### -->
|
||
</div>
|
||
<!-- # component ends -->
|
||
</div>
|
||
<footer class="usa-footer bg-carbon-black-important padding-x-3 padding-y-7">
|
||
|
||
<div class="usa-footer__primary-section bg-carbon-black-important">
|
||
|
||
<div class="grid-container grid-container-widescreen padding-x-0">
|
||
|
||
</div>
|
||
|
||
<div class="grid-container grid-container-widescreen">
|
||
<div class="grid-row">
|
||
|
||
<div class="grid-col-12 tablet:grid-col-6 desktop:grid-col-4 margin-bottom-5 padding-right-0 tablet:padding-right-2 margin-bottom-5 desktop:margin-bottom-0 color-spacesuit-white">
|
||
<div class="hds-footer-details">
|
||
<h3 class="heading-22 line-height-md">北斗卫星</h3>
|
||
<p class="p-sm color-carbon-30">北斗卫星探索空中和太空中的未知，为人类的利益而创新，并通过发现激励世界。</p>
|
||
|
||
<ul class="hds-footer-menu usa-unstyled-list">
|
||
<li><a href="http://www.beidou.gov.cn/"><span>关于北斗卫星</span></a></li>
|
||
</ul>
|
||
<a href="http://www.beidou.gov.cn/" target="_self" class="button-primary button-primary-sm link-external-false" tabindex="0">
|
||
<span class="line-height-alt-1 color-spacesuit-white-important">联系我们</span>
|
||
<svg viewBox="0 0 32 32" fill="none" xmlns="https://www.w3.org/2000/svg"><circle class="button-primary-circle" cx="16" cy="16" r="16"></circle><path d="M8 16.956h12.604l-3.844 4.106 1.252 1.338L24 16l-5.988-6.4-1.252 1.338 3.844 4.106H8v1.912z" class="color-spacesuit-white"></path></svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grid-col-12 tablet:grid-col-6 desktop:grid-col-6 margin-bottom-5 desktop:margin-bottom-0 padding-0">
|
||
<div class="desktop:padding-left-5 desktop:padding-right-5 grid-row color-spacesuit-white">
|
||
<div class="grid-col">
|
||
<ul class="hds-footer-menu hds-menu-col-3 usa-unstyled-list">
|
||
<li><a href=""><span>首页</span></a></li>
|
||
<li><a href="http://www.beidou.gov.cn/yw/xwzx/lsxw/xwzx2015/"><span>近期新闻</span></a></li>
|
||
<li><a href=""><span>可视化平台展示</span></a></li>
|
||
<li><a href="http://www.huhutv.com.cn/" class="usa-nav__link-nasa-live"><span>北斗官方直播</span></a></li>
|
||
<li><a href="http://www.beidou.gov.cn/zt/zcfg/"><span>北斗政策</span></a></li>
|
||
<li><a href="https://jishi.cctv.com/doc/list/fl/yzam/index.shtml"><span>宇宙探索</span></a></li>
|
||
<li><a href="https://baike.baidu.com/item/%E5%9C%B0%E7%90%83/6431"><span>关于地球</span></a></li>
|
||
<li><a href="https://zhuanlan.zhihu.com/p/159651996"><span>卫星轨道</span></a></li>
|
||
<li><a href="https://baike.baidu.com/item/%E5%AE%87%E5%AE%99/31801"><span>宇宙</span></a></li>
|
||
<li><a href="https://baike.baidu.com/item/%e8%87%aa%e7%84%b6%e7%a7%91%e5%ad%a6/260539"><span>自然科学</span></a></li>
|
||
<li><a href="https://www.cmse.gov.cn/"><span>航天器</span></a></li>
|
||
<li><a href="https://zhuanlan.zhihu.com/p/453255376"><span>前沿科技</span></a></li>
|
||
<li><a href="https://baike.baidu.com/item/%E4%BF%A1%E6%81%AF%E6%BA%90/10812948"><span>信息源</span></a></li>
|
||
<li><a href="http://www.beidou.gov.cn/"><span>关于我们</span></a></li>
|
||
<li><a href="http://www.beidou.gov.cn/" target="_blank"><span>北斗卫星导航系统</span></a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div
|
||
class="grid-col-12 tablet:grid-col-4 desktop:grid-col-2 color-spacesuit-white margin-bottom-5 tablet:margin-bottom-0 padding-right-5 desktop:padding-right-0">
|
||
<div class="width-fit-content margin-left-0 desktop:margin-left-auto">
|
||
<div class="hds-footer-socials margin-bottom-2">
|
||
<h3 class="heading-16 color-carbon-40 margin-bottom-2"></h3>
|
||
<ul class="social-icons margin-bottom-3">
|
||
<li>
|
||
<a href="https://www.facebook.com/NASA" title="NASA on Facebook"
|
||
target="_blank"><svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<g>
|
||
<path fill="none" d="M0 0h24v24H0z"/>
|
||
<path d="M18.223 3.086a1.25 1.25 0 0 1 0 1.768L17.08 5.996h1.17A3.75 3.75 0 0 1 22 9.747v7.5a3.75 3.75 0 0 1-3.75 3.75H5.75A3.75 3.75 0 0 1 2 17.247v-7.5a3.75 3.75 0 0 1 3.75-3.75h1.166L5.775 4.855a1.25 1.25 0 1 1 1.767-1.768l2.652 2.652c.079.079.145.165.198.257h3.213c.053-.092.12-.18.199-.258l2.651-2.652a1.25 1.25 0 0 1 1.768 0zm.027 5.42H5.75a1.25 1.25 0 0 0-1.247 1.157l-.003.094v7.5c0 .659.51 1.199 1.157 1.246l.093.004h12.5a1.25 1.25 0 0 0 1.247-1.157l.003-.093v-7.5c0-.69-.56-1.25-1.25-1.25zm-10 2.5c.69 0 1.25.56 1.25 1.25v1.25a1.25 1.25 0 1 1-2.5 0v-1.25c0-.69.56-1.25 1.25-1.25zm7.5 0c.69 0 1.25.56 1.25 1.25v1.25a1.25 1.25 0 1 1-2.5 0v-1.25c0-.69.56-1.25 1.25-1.25z"/>
|
||
</g>
|
||
</svg></a>
|
||
</li>
|
||
<li>
|
||
<a href="https://www.instagram.com/nasa/" title="NASA on Instagram"
|
||
target="_blank"><svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
|
||
preserveAspectRatio="xMidYMid meet">
|
||
|
||
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
|
||
fill="#000000" stroke="none">
|
||
<path d="M1190 4751 c-159 -51 -272 -152 -354 -316 -19 -39 -60 -158 -91 -265
|
||
-87 -302 -193 -567 -316 -798 -28 -51 -48 -100 -45 -108 10 -25 93 -17 181 19
|
||
204 83 342 234 405 445 l22 72 213 0 212 0 6 -102 c4 -57 10 -311 13 -565 l7
|
||
-463 -451 0 -450 0 -31 -39 c-43 -54 -86 -145 -106 -221 -9 -36 -18 -73 -21
|
||
-82 -5 -17 24 -18 506 -18 l511 0 -6 -37 c-75 -445 -127 -618 -268 -897 -199
|
||
-391 -379 -619 -712 -896 -108 -90 -109 -91 -87 -109 23 -17 253 -9 371 14 97
|
||
19 224 63 287 100 78 46 164 125 226 209 99 132 241 441 347 751 23 66 43 126
|
||
46 133 3 7 186 -196 422 -467 229 -264 420 -478 424 -475 21 12 52 194 53 304
|
||
1 166 -12 213 -82 293 -61 69 -537 604 -556 624 -8 9 -36 -7 -110 -63 -55 -41
|
||
-101 -72 -103 -71 -2 2 10 57 27 123 29 116 62 291 76 406 l6 58 479 0 479 0
|
||
0 48 c0 70 -25 163 -65 242 l-35 70 -421 0 -421 0 6 108 c9 158 24 535 32 795
|
||
l7 227 400 0 400 0 -7 81 c-11 135 -38 230 -70 251 -6 4 -327 8 -713 8 -387 0
|
||
-703 3 -703 8 0 4 11 55 24 114 35 150 89 329 130 426 l34 82 -36 -1 c-21 0
|
||
-62 -8 -92 -18z" fill="#F7F5F4" />
|
||
<path d="M2920 2540 l0 -1670 175 0 c156 0 175 -2 184 -17 5 -10 37 -97 71
|
||
-193 34 -96 66 -179 70 -184 5 -4 145 82 312 193 l305 201 381 0 382 0 0 1670
|
||
0 1670 -940 0 -940 0 0 -1670z m1518 -7 l2 -1303 -198 0 -198 0 -243 -160
|
||
c-134 -89 -248 -162 -254 -163 -5 -1 -36 70 -67 158 l-58 160 -61 3 -61 3 0
|
||
1305 0 1304 568 -2 567 -3 3 -1302z" fill="#F7F5F4" />
|
||
</g>
|
||
</svg></a>
|
||
</li>
|
||
<li>
|
||
<a href="https://x.com/NASA" title="NASA on X" target="_blank"><svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
|
||
preserveAspectRatio="xMidYMid meet">
|
||
|
||
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
|
||
fill="#000000" stroke="none">
|
||
<path d="M3375 4454 c-100 -56 -135 -167 -80 -260 40 -68 78 -85 208 -95 184
|
||
-14 348 -68 485 -160 299 -202 458 -546 421 -906 -10 -101 -9 -119 5 -158 57
|
||
-149 273 -156 336 -11 11 25 22 87 28 159 34 402 -108 783 -398 1068 -175 172
|
||
-389 289 -630 345 -141 33 -332 42 -375 18z" fill="#F7F5F4" />
|
||
<path d="M3404 3869 c-68 -19 -114 -106 -100 -184 9 -46 65 -103 108 -109 18
|
||
-2 63 -9 100 -14 220 -33 368 -209 368 -439 0 -109 21 -159 81 -192 73 -42
|
||
159 -16 204 60 26 45 32 188 12 286 -32 151 -97 271 -203 378 -117 118 -264
|
||
191 -428 214 -89 13 -99 13 -142 0z" fill="#F7F5F4" />
|
||
<path d="M2085 3730 c-333 -44 -666 -235 -1029 -589 -518 -506 -769 -997 -711
|
||
-1386 90 -597 595 -956 1520 -1081 182 -25 564 -25 730 -1 771 114 1361 480
|
||
1546 961 79 205 78 385 -3 540 -42 79 -154 191 -243 244 -38 22 -108 53 -155
|
||
67 -172 54 -190 72 -147 146 45 78 70 181 65 267 -14 222 -195 349 -466 328
|
||
-143 -11 -251 -39 -516 -136 -69 -25 -143 -24 -160 2 -7 12 -6 37 4 90 20 106
|
||
23 194 10 260 -33 170 -128 265 -287 288 -75 11 -74 11 -158 0z m451 -1095
|
||
c624 -93 989 -445 899 -867 -83 -396 -502 -726 -1065 -840 -102 -20 -142 -23
|
||
-360 -23 -228 1 -254 3 -374 28 -607 129 -956 521 -847 950 102 398 609 712
|
||
1241 767 125 11 381 3 506 -15z" fill="#F7F5F4" />
|
||
<path d="M1955 2329 c-420 -57 -655 -318 -655 -728 0 -222 82 -346 287 -431
|
||
349 -146 719 -79 967 175 109 112 156 230 156 391 0 178 -51 304 -170 425 -82
|
||
83 -161 128 -273 154 -83 20 -226 26 -312 14z m282 -451 c36 -33 32 -89 -9
|
||
-133 -68 -74 -158 -48 -158 46 0 87 108 143 167 87z m-354 -109 c47 -13 106
|
||
-63 123 -106 58 -138 -66 -297 -241 -310 -79 -7 -137 10 -185 53 -46 42 -65
|
||
91 -56 150 22 161 189 261 359 213z" fill="#F7F5F4" />
|
||
</g>
|
||
</svg></a>
|
||
</li>
|
||
<li>
|
||
<a href="https://www.youtube.com/@NASA" title="NASA on YouTube"
|
||
target="_blank"><svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
|
||
preserveAspectRatio="xMidYMid meet">
|
||
|
||
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
|
||
fill="#000000" stroke="none">
|
||
<path d="M1580 4669 c-392 -50 -773 -217 -1050 -461 -264 -233 -431 -513 -502
|
||
-841 -31 -146 -31 -398 0 -544 40 -185 113 -353 226 -517 70 -104 245 -289
|
||
355 -378 42 -34 75 -66 75 -72 -1 -6 -36 -117 -78 -247 -42 -130 -76 -246 -76
|
||
-258 0 -12 12 -33 26 -48 20 -20 32 -24 57 -20 18 3 164 74 325 156 l294 151
|
||
86 -21 c166 -40 315 -60 492 -66 138 -4 184 -2 216 9 l42 15 33 -71 c137 -293
|
||
426 -563 750 -702 357 -152 730 -181 1111 -85 l108 27 231 -128 c254 -140 281
|
||
-149 318 -102 12 15 21 33 21 42 0 8 -27 106 -61 218 l-61 204 34 26 c71 57
|
||
276 274 330 350 118 166 204 369 229 543 15 105 6 274 -20 392 -88 394 -396
|
||
753 -812 948 -156 74 -366 133 -517 147 l-71 7 -17 71 c-154 638 -792 1150
|
||
-1562 1251 -122 16 -421 18 -532 4z m490 -160 c534 -66 1013 -342 1274 -734
|
||
71 -106 110 -185 151 -308 l34 -102 -122 -12 c-151 -16 -253 -35 -380 -74
|
||
-546 -166 -951 -594 -1032 -1089 -21 -130 -19 -303 4 -415 13 -65 15 -92 7
|
||
-98 -15 -11 -364 -1 -446 12 -36 6 -129 25 -207 42 l-142 30 -230 -116 c-127
|
||
-63 -231 -112 -231 -107 0 4 25 82 55 172 30 90 55 176 55 190 0 35 -12 49
|
||
-95 111 -337 253 -534 551 -591 894 -20 126 -14 330 15 457 92 402 384 754
|
||
800 963 185 92 378 152 578 180 121 16 389 19 503 4z m1792 -1348 c139 -30
|
||
263 -73 378 -131 356 -177 598 -458 692 -800 31 -113 33 -367 5 -470 -25 -90
|
||
-105 -255 -169 -347 -63 -92 -240 -278 -332 -348 -96 -74 -97 -80 -48 -243 22
|
||
-75 40 -137 39 -138 -1 -1 -72 38 -158 86 -86 48 -165 89 -177 92 -11 3 -51
|
||
-3 -89 -13 -169 -48 -291 -63 -483 -63 -153 0 -203 4 -290 23 -532 113 -916
|
||
440 -1057 897 -25 84 -27 100 -27 279 0 178 2 195 27 280 91 299 294 550 580
|
||
717 156 91 395 172 578 197 122 16 418 6 531 -18z"
|
||
fill="#F7F5F4" />
|
||
<path d="M1120 3879 c-167 -75 -212 -282 -88 -410 57 -58 117 -83 203 -83 143
|
||
0 228 85 240 237 13 166 -86 277 -244 277 -45 0 -81 -7 -111 -21z" fill="#F7F5F4" />
|
||
<path d="M2415 3876 c-27 -12 -66 -41 -86 -63 -117 -129 -77 -304 87 -384 65
|
||
-31 170 -32 230 -1 61 31 109 90 124 152 31 131 -24 259 -132 304 -58 24 -163
|
||
21 -223 -8z"/>
|
||
<path d="M2995 2581 c-156 -71 -173 -283 -30 -380 43 -29 126 -39 180 -21 83
|
||
27 149 118 149 205 0 86 -48 155 -134 194 -56 25 -113 26 -165 2z" fill="#F7F5F4" />
|
||
<path d="M3940 2577 c-157 -83 -157 -305 0 -384 127 -65 291 26 307 170 7 59
|
||
-11 111 -56 160 -68 75 -169 97 -251 54z" fill="#F7F5F4" />
|
||
</g>
|
||
</svg></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<ul class="hds-footer-menu usa-unstyled-list">
|
||
<li><a href="https://es.nasa.gov/" target="_blank"><span></span></a></li>
|
||
<li><a href="http://www.beidou.gov.cn/"><span>更多北斗官方
|
||
</span></a></li>
|
||
<li><a href="http://www.beidou.gov.cn/"><span>北斗最新资讯</span></a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</footer>
|
||
|
||
<style id='nasa-blocks-featured-link-list-style-inline-css'>
|
||
.hds-featured-link-list-button{height:2rem;width:2rem}
|
||
|
||
</style>
|
||
<link rel='stylesheet' id='all-css-2' href='https://www.nasa.gov/wp-content/plugins/nasa-blocks/assets/slick/slick.css?m=1677007706g' type='text/css' media='all' />
|
||
<style id='nasa-blocks-nasa-mag-style-inline-css'>
|
||
.color-mode-dark .hds-color-mode-switch{color:#fff}.hds-progress-ring svg circle{stroke-dashoffset:0;stroke:transparent;stroke-width:5px;stroke:#fff;transition:stroke-dashoffset .1s linear}.hds-progress-ring{border-radius:100%;cursor:pointer;display:block;height:50px;margin:0;position:relative;transform:rotate(-90deg);width:50px;z-index:100}.hds-mag-progress{border:unset;padding:0}.hds-mag-progress:focus{outline:.25rem solid #2491ff;outline-offset:0}.hds-mag-progress .hds-media-inner{border-radius:50%;height:42px;left:4px;position:absolute;top:4px;width:42px}.hds-mag-progress .hds-media-inner img{height:100%;position:absolute;width:100%}.hds-nasa-mag .hds-nasa-mag-wrapper{min-height:40rem}.editor-styles-wrapper .hds-carousel-wrapper .slick-slide>div{display:block;font-size:0;line-height:1em;margin:0;position:relative}.hds-nasa-mag{background-color:#000}.hds-mag-progress{cursor:pointer}.hds-mag-nav-cols{z-index:9999}
|
||
|
||
</style>
|
||
<style id='nasa-blocks-news-manual-style-inline-css'>
|
||
.hds-news-item-bubble{align-items:center}.latest-news-items .hds-cover-wrapper{height:100%}.news-item>.hds-cover-wrapper{min-height:410px}@media screen and (max-width:800px){.news-item>.hds-cover-wrapper{min-height:320px}}.wp-block-nasa-blocks-news-manual a,.wp-block-nasa-blocks-news-manual a:focus,.wp-block-nasa-blocks-news-manual a:hover{text-decoration:none}.wp-block-nasa-blocks-news-manual .news-item .hds-cover-wrapper{min-height:25rem}.news-item-stack{display:flex;flex-direction:column}.news-item-stack .news-item .hds-cover-wrapper{height:100%;min-height:0}@media screen and (max-width:800px){.news-item-stack .news-item .hds-cover-wrapper{min-height:200px}.wp-block-nasa-blocks-news-manual .news-item-stack{flex-direction:row}}.wp-block-nasa-blocks-news-manual .news-item-stack{display:flex;flex-direction:column}.none-selected{border:2px dashed #ccc;color:#555;font-size:.95rem;padding:20px;text-align:center}.latest-news-item a{display:block}
|
||
|
||
</style>
|
||
<style id='nasa-blocks-callout-style-inline-css'>
|
||
.featured-mission-countdown{display:flex}.countdown-item{align-items:flex-start;display:flex}.countdown-item h3{align-items:center;color:#288bff;display:flex;font-family:dm-mono,mono;font-size:3rem;font-weight:300;margin:0 auto}.countdown-item span{color:#959599}.countdown-item:after{color:#288bff;content:":";display:block;font-size:3rem;margin:0 15px;opacity:1;top:0;visibility:visible}.countdown-item:last-child:after{display:none}
|
||
|
||
</style>
|
||
<style id='nasa-blocks-image-of-the-day-style-inline-css'>
|
||
@media screen and (max-width:800px){.hds-image-of-the-day .grid-container .grid-row{display:flex;flex-direction:column-reverse}}.hds-image-of-the-day .hds-media-inner,.hds-image-of-the-day .parallax-no{background-color:#f6f6f6;display:flex;justify-content:center}.hds-image-of-the-day .hds-media-ratio-fit img{max-height:557px;width:auto}.hds-image-of-the-day.hds-color-mode-dark .button-primary,.hds-image-of-the-day.hds-color-mode-dark .button-primary span,.hds-image-of-the-day.hds-color-mode-dark .hds-caption-text,.hds-image-of-the-day.hds-color-mode-dark .hds-credits,.hds-image-of-the-day.hds-color-mode-dark h1,.hds-image-of-the-day.hds-color-mode-dark h2,.hds-image-of-the-day.hds-color-mode-dark h3,.hds-image-of-the-day.hds-color-mode-dark label,.hds-image-of-the-day.hds-color-mode-dark p{color:#fff}.under-image-button{margin-left:auto;width:-moz-fit-content;width:fit-content}.hds-image-of-the-day span{pointer-events:none}
|
||
|
||
</style>
|
||
<style id='nasa-blocks-news-automated-style-inline-css'>
|
||
.hds-news a{text-decoration:none}.hds-news-item-bubble{align-items:center}.wp-block-nasa-blocks-latest-news .news-item .hds-cover-wrapper{min-height:25rem}.news-item-stack .news-item .hds-cover-wrapper{height:100%;min-height:0}.news-item>.hds-cover-wrapper{min-height:410px}@media screen and (max-width:800px){.news-item-stack .news-item .hds-cover-wrapper{min-height:200px}.wp-block-nasa-blocks-latest-news .news-item-stack{flex-direction:row}.news-item>.hds-cover-wrapper{min-height:320px}}.wp-block-nasa-blocks-latest-news a,.wp-block-nasa-blocks-latest-news a:focus,.wp-block-nasa-blocks-latest-news a:hover{text-decoration:none}.wp-block-nasa-blocks-latest-news .news-item .nasa-block-cover{min-height:25rem}.news-item-stack{display:flex;flex-direction:column}.news-item-stack .news-item .nasa-block-cover{height:100%;min-height:0}@media screen and (max-width:800px){.news-item-stack .news-item .nasa-block-cover{min-height:200px}.wp-block-nasa-blocks-latest-news .news-item-stack{flex-direction:row}}.wp-block-nasa-blocks-latest-news .news-item .wp-block-cover{min-height:25rem}.wp-block-nasa-blocks-latest-news .news-item-stack{display:flex;flex-direction:column}.wp-block-nasa-blocks-latest-news .news-item-stack .news-item .wp-block-cover{height:100%;min-height:0}.wp-block-nasa-blocks-latest-news .latest-news-thumbnail-circle{border-radius:50%;height:4.5em;min-height:1px;width:4.5em}@media screen and (max-width:800px){.wp-block-nasa-blocks-latest-news .news-item-stack .news-item .wp-block-cover{min-height:200px}.wp-block-nasa-blocks-latest-news .news-item-stack{flex-direction:row}}.wp-block-nasa-blocks-featured-news a,.wp-block-nasa-blocks-featured-news a:focus,.wp-block-nasa-blocksfeatured-news a:hover{text-decoration:none}.latest-news-items .hds-cover-wrapper{height:100%!important}.latest-news-item a{display:block}
|
||
|
||
</style>
|
||
<style id='nasa-blocks-subscription-banner-style-inline-css'>
|
||
.hds-subscription input[type=email]{background-color:rgba(0,0,0,.68);border:1px solid #d1d1d1;border-radius:2px;color:#fff;font-size:14px;max-width:313px;padding:14px 16px;width:100%}.hds-subscription input[type=email]::-moz-placeholder{color:#d1d1d1}.hds-subscription input[type=email]::placeholder{color:#d1d1d1}.link-underline-dashed,body div.link-underline-dashed,body p.link-underline-dashed{border-bottom:1px dashed #f6f6f6;color:#f6f6f6;line-height:1.3em}.hds-subscription .link-underline-dashed{color:#fff}.hds-subscription .display-41{font-size:3.5rem;line-height:1.1em}@media screen and (max-width:800px){.hds-subscription .display-41{font-size:2.25rem}}.hds-subscription .hds-subscription-subheading{margin-bottom:.5rem}.hds-subscription-inner{position:relative;z-index:700}
|
||
|
||
</style>
|
||
<style id='nasa-blocks-topic-cards-style-inline-css'>
|
||
|
||
|
||
</style>
|
||
<script type="text/javascript" src="https://www.nasa.gov/_static/??-eJzTLy/QzcxLzilNSS3WzyrWT8ksLtEvS81LyS/SB0oV5OdUpmXm5ADVpBaV6OVm5ullFevo49FUlJqeClSbWJJfpFtUmleSmZtKjDYku/Aqz8jPzy6GqrDPtTU0NzC0NDA1MLbMAgAo9Uom" defer></script><script defer="defer" src='https://www.nasa.gov/wp-includes/js/dist/i18n.min.js?ver=7701b0c3857f914212ef' id='wp-i18n-js'></script>
|
||
<script id="wp-i18n-js-after">
|
||
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
|
||
</script>
|
||
<script id="wp-parsely-loader-js-before">
|
||
window.wpParselySiteId = 'nasa.gov';
|
||
</script>
|
||
<script defer="defer" src='https://www.nasa.gov/wp-content/plugins/wp-parsely/build/loader.js?ver=f5c2d06f6755fda3f6d4' id='wp-parsely-loader-js'></script>
|
||
<script id="wp-parsely-tracker-js-before">
|
||
window.PARSELY = window.PARSELY || (window.PARSELY = {});
|
||
PARSELY.cookieDomain = window.location.host;
|
||
</script>
|
||
<script data-parsely-site="nasa.gov" defer="defer" src='https://cdn.parsely.com/keys/nasa.gov/p.js?ver=3.11.1' id="parsely-cfg"></script>
|
||
<script type="text/javascript" src="https://www.nasa.gov/_static/??-eJzTLy/QTc7PK0nNK9EvyClNz8wr1s9LLE7UTcrJT84u1k8sLk4tKdYvzslMzoaQermZeXpZxTr6xOkEC+UmpsMZQL32ubaGZhYWhqYGhpYmWQC4ii9h" defer></script></body>
|
||
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
||
<script id="rendered-js" >
|
||
"use strict";
|
||
class PRESTimeline {
|
||
constructor(target, color) {
|
||
// this.__process_stylesheet(document.styleSheets[0]);
|
||
this.base = target;
|
||
this.color = color;
|
||
// console.log(this.color)
|
||
this.periodContainer = $(this.base).find('.periods-container');
|
||
this.cardContainer = $(this.base).find('.cards-container');
|
||
this.timelineNodeContainer = $(this.base).find('.timeline-container .timeline');
|
||
// this.activePeriod = $(this.base).find('.periods-container section.active')
|
||
this._parseData();
|
||
this._initialColor();
|
||
this._generateTimeline();
|
||
this._setStateClasses();
|
||
this._assignBtn();
|
||
this._adjustPeriodContainer();
|
||
this._adjustCardContainer();
|
||
// console.log(this.cardData)
|
||
}
|
||
_parseData() {
|
||
let base = this.base;
|
||
let periods = $(base).find('.periods-container section');
|
||
for (let section of periods) {
|
||
section.period = $(section).attr('period');
|
||
section.index = $(section).index();
|
||
}
|
||
// console.log(periods)
|
||
this.periodData = periods;
|
||
let data = $(base).find('.cards-container section');
|
||
// console.log(data)
|
||
for (let section of data) {
|
||
section.period = $(section).attr('period');
|
||
section.index = $(section).index();
|
||
}
|
||
// console.log(data)
|
||
this.cardData = data;
|
||
// #assign initial entry point (active items)
|
||
this.activePeriod = this.periodData[0];
|
||
this.activePeriodIndex = 0;
|
||
this.activeCard = this.cardData[0];
|
||
this.activeCardIndex = 0;
|
||
}
|
||
_setStateClasses() {
|
||
// # periods
|
||
$(this.base).find('.periods-container section.active').removeClass('active');
|
||
$(this.base).find('.periods-container section.prev').removeClass('prev');
|
||
$(this.base).find('.periods-container section.next').removeClass('next');
|
||
// console.log("setclass: " + this.activePeriod.index)
|
||
$(this.activePeriod).addClass('active');
|
||
// console.log(this.activePeriod.index)
|
||
// this.activePeriodIndex = this.activePeriod.index
|
||
if ($(this.activePeriod).prev().length != 0) {
|
||
$(this.activePeriod).prev().addClass('prev');
|
||
$(this.base).find('.periods-container .btn-back').removeClass('hide');
|
||
}
|
||
else {
|
||
$(this.base).find('.periods-container .btn-back').addClass('hide');
|
||
}
|
||
if ($(this.activePeriod).next().length != 0) {
|
||
$(this.activePeriod).next().addClass('next');
|
||
$(this.base).find('.periods-container .btn-next').removeClass('hide');
|
||
}
|
||
else {
|
||
$(this.base).find('.periods-container .btn-next').addClass('hide');
|
||
}
|
||
// ## cards
|
||
$(this.base).find('.cards-container section.active').removeClass('active');
|
||
$(this.base).find('.cards-container section.prev').removeClass('prev');
|
||
$(this.base).find('.cards-container section.next').removeClass('next');
|
||
$(this.activeCard).addClass('active');
|
||
// this.activeCardIndex - this.activeCard.index
|
||
if ($(this.activeCard).prev().length != 0) {
|
||
$(this.activeCard).prev().addClass('prev');
|
||
}
|
||
if ($(this.activeCard).next().length != 0) {
|
||
$(this.activeCard).next().addClass('next');
|
||
}
|
||
// ## timeline
|
||
$(this.base).find('.timeline li.active').removeClass('active');
|
||
// let findNode = $(this.base).find('.timeline ol li')[this.activeCard.index]
|
||
$(this.timelineData[this.activeCard.index]).addClass('active');
|
||
let timelineB = $(this.base).find('.timeline-container .btn-back');
|
||
let timelineN = $(this.base).find('.timeline-container .btn-next');
|
||
// console.log($(timelineN))
|
||
if (this.activeCardIndex === 0) {
|
||
timelineB.addClass('hide');
|
||
}
|
||
else {
|
||
timelineB.removeClass('hide');
|
||
}
|
||
if (this.activeCardIndex >= this.cardData.length - 1) {
|
||
timelineN.addClass('hide');
|
||
}
|
||
else {
|
||
timelineN.removeClass('hide');
|
||
}
|
||
}
|
||
// ## timeline generater
|
||
_generateTimeline() {
|
||
// ## create node list
|
||
let htmlWrap = '<ol></ol>';
|
||
$(this.timelineNodeContainer).append(htmlWrap);
|
||
let wrap = $(this.timelineNodeContainer).find('ol');
|
||
let numNode = this.cardData.length;
|
||
for (let i = 0; i < numNode; i++) {
|
||
let c = this.cardData[i].color;
|
||
let el = wrap.append('<li class="' + this.cardData[i].period + '" style="border-color: ' + c + '"></li>');
|
||
}
|
||
// ## width of timeline
|
||
let nodeW = 200;
|
||
wrap.css('width', nodeW * numNode - 16);
|
||
let nodeList = $(this.base).find('.timeline ol li');
|
||
this.timelineData = nodeList;
|
||
}
|
||
// ## assign button actions
|
||
_assignBtn() {
|
||
let periodPrev = $(this.base).find('.periods-container .btn-back');
|
||
let periodNext = $(this.base).find('.periods-container .btn-next');
|
||
periodPrev.click(() => {
|
||
if (this.activePeriodIndex > 0) {
|
||
// console.log('prev')
|
||
this.activePeriodIndex -= 1;
|
||
this.activePeriod = this.periodData[this.activePeriodIndex];
|
||
this._chainActions('period');
|
||
this._setStateClasses();
|
||
}
|
||
this._adjustPeriodContainer();
|
||
});
|
||
periodNext.click(() => {
|
||
if (this.activePeriodIndex < this.periodData.length - 1) {
|
||
// console.log('next' + this.activePeriodIndex)
|
||
this.activePeriodIndex += 1;
|
||
this.activePeriod = this.periodData[this.activePeriodIndex];
|
||
this._chainActions('period');
|
||
this._setStateClasses();
|
||
}
|
||
this._adjustPeriodContainer();
|
||
});
|
||
let timelinePrev = $(this.base).find('.timeline-container .btn-back');
|
||
let timelineNext = $(this.base).find('.timeline-container .btn-next');
|
||
timelinePrev.click(() => {
|
||
if (this.activeCardIndex > 0) {
|
||
this.activeCardIndex -= 1;
|
||
this.activeCard = this.cardData[this.activeCardIndex];
|
||
this._chainActions('timeline');
|
||
this._setStateClasses();
|
||
}
|
||
this._adjustCardContainer();
|
||
this._adjustPeriodContainer();
|
||
});
|
||
timelineNext.click(() => {
|
||
if (this.activeCardIndex < this.cardData.length - 1) {
|
||
this.activeCardIndex += 1;
|
||
this.activeCard = this.cardData[this.activeCardIndex];
|
||
this._chainActions('timeline');
|
||
this._setStateClasses();
|
||
}
|
||
this._adjustCardContainer();
|
||
this._adjustPeriodContainer();
|
||
});
|
||
// ## assign each timeline li
|
||
for (let i = 0; i < this.timelineData.length; i++) {
|
||
$(this.timelineData[i]).click(() => {
|
||
this.activeCardIndex = this.cardData[i].index;
|
||
this.activeCard = this.cardData[this.activeCardIndex];
|
||
this._chainActions('timeline');
|
||
this._setStateClasses();
|
||
this._adjustCardContainer();
|
||
this._shiftTimeline();
|
||
});
|
||
}
|
||
}
|
||
// ## color ##
|
||
_initialColor() {
|
||
for (let i = 0; i < this.periodData.length; i++) {
|
||
let p = this.periodData[i].period;
|
||
this.periodData[i].color = this.color[p];
|
||
let temp = this.periodData[i];
|
||
$(temp).css('border-color', temp.color);
|
||
$(temp).find('.year').css('color', temp.color);
|
||
// ## color for timeline items, this part utilize the period name as class which will be add to the li later
|
||
// ### cross browser bug fix
|
||
let sbstyle = document.createElement("style");
|
||
document.head.appendChild(sbstyle);
|
||
// let sheet = document.styleSheets[0]
|
||
sbstyle.sheet.insertRule('li.' + p + '.active { background-color: ' + this.color[p] + ' !important } ', 0);
|
||
sbstyle.sheet.insertRule('li.' + p + '::before { background-color: ' + this.color[p] + ' } ', 0);
|
||
sbstyle.sheet.insertRule('li.' + p + '::after { background-color: ' + this.color[p] + ' } ', 0);
|
||
}
|
||
for (let i = 0; i < this.cardData.length; i++) {
|
||
let p = this.cardData[i].period;
|
||
this.cardData[i].color = this.color[p];
|
||
let temp = this.cardData[i];
|
||
$(temp).css('border-color', temp.color);
|
||
$(temp).find('.year').css('color', temp.color);
|
||
}
|
||
}
|
||
_adjustPeriodContainer() {
|
||
let activeH = $(this.activePeriod).outerHeight();
|
||
$(this.periodContainer).height(activeH);
|
||
console.log('top adjusted');
|
||
}
|
||
_adjustCardContainer() {
|
||
let activeH = $(this.activeCard).outerHeight() + 24;
|
||
$(this.cardContainer).height(activeH);
|
||
console.log('bot adjusted');
|
||
}
|
||
_shiftTimeline() {
|
||
// #### We need to fix this part if using this component in different sizes ####
|
||
let timelineW = $(this.base).find('.timeline-container').outerWidth();
|
||
let timelinePadding = 210;
|
||
let timelineCenter = 300;
|
||
let liWidth = 16;
|
||
let activeNodeX = $(this.timelineData[this.activeCardIndex]).position().left;
|
||
let finalPos = -activeNodeX + timelinePadding;
|
||
$(this.timelineNodeContainer).css('left', finalPos);
|
||
console.log(activeNodeX);
|
||
}
|
||
_chainActions(state) {
|
||
switch (state) {
|
||
case 'period':
|
||
console.log('period');
|
||
if (this.activePeriod.period != this.activeCard.period) {
|
||
// ## find the closest li with the active period
|
||
let ta = [];
|
||
for (let i = 0; i < this.cardData.length; i++) {
|
||
let temp = this.cardData[i];
|
||
if (this.activePeriod.period === temp.period)
|
||
ta.push(temp);
|
||
}
|
||
this.activeCard = ta[0];
|
||
this.activeCardIndex = ta[0].index;
|
||
}
|
||
break;
|
||
case 'timeline':
|
||
console.log('timeline');
|
||
if (this.activeCard.period != this.activePeriod.period) {
|
||
let ta;
|
||
for (let i = 0; i < this.periodData.length; i++) {
|
||
let temp = this.periodData[i];
|
||
if (this.activeCard.period === temp.period)
|
||
ta = temp;
|
||
}
|
||
this.activePeriod = ta;
|
||
this.activePeriodIndex = ta.index;
|
||
}
|
||
break;
|
||
}
|
||
this._shiftTimeline();
|
||
this._adjustCardContainer();
|
||
}
|
||
}
|
||
// ## document load ##
|
||
$(document).ready(function () {
|
||
let colorcode = {
|
||
'period1': '#fec541',
|
||
'period2': '#36d484',
|
||
'period3': '#32ccf4'
|
||
};
|
||
let timeline = new PRESTimeline($('#this-timeline'), colorcode);
|
||
});
|
||
//# sourceURL=pen.js
|
||
</script>
|
||
|
||
</html>
|