|
|
<html lang="zh-CN" class="translated-ltr"><head>
|
|
|
<meta charset="UTF-8"><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
|
|
|
<script>
|
|
|
/*jQuery实现下拉导航栏*/
|
|
|
$(function(){
|
|
|
$(".nav>li").hover(function(){
|
|
|
$(this).children("ul").stop().slideToggle();
|
|
|
})
|
|
|
})
|
|
|
|
|
|
|
|
|
</script>
|
|
|
<script>
|
|
|
function loadDoc() {
|
|
|
var xhttp = new XMLHttpRequest();
|
|
|
xhttp.onreadystatechange = function() {
|
|
|
if (this.readyState == 4 && this.status == 200) {
|
|
|
document.getElementById("demo").innerHTML = this.responseText;
|
|
|
}
|
|
|
};
|
|
|
xhttp.open("GET", "demo.txt", true);
|
|
|
xhttp.send();
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<title>行星网页</title>
|
|
|
<style>
|
|
|
|
|
|
/* 去掉所有li的小黑点 */
|
|
|
ul {
|
|
|
list-style: none;
|
|
|
margin:0;
|
|
|
padding:0;
|
|
|
overflow:hidden;background-color:black;
|
|
|
}
|
|
|
/* 大ul列表平铺 */
|
|
|
.nav>li {
|
|
|
float: left;
|
|
|
width:33%;
|
|
|
}
|
|
|
/* 所有li都设置样式 文字居中 */
|
|
|
.nav li {
|
|
|
color:white;
|
|
|
|
|
|
text-align: center;
|
|
|
}
|
|
|
/* a标签去掉下划线 */
|
|
|
a{
|
|
|
text-decoration: none;
|
|
|
color: #00FFFF;
|
|
|
}
|
|
|
/* 先让每个小ul列表不显示 */
|
|
|
.nav li ul {
|
|
|
display: none;
|
|
|
}
|
|
|
/* 放上去变样式 */
|
|
|
li:hover {
|
|
|
background-color: #FFC0CB;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.tplanet{
|
|
|
color:white;
|
|
|
|
|
|
width:80%;
|
|
|
height:300px;
|
|
|
background-color:#F1FAFA;
|
|
|
margin:0 auto;
|
|
|
margin-top:100px;
|
|
|
}
|
|
|
.planet {
|
|
|
width: 60%;
|
|
|
height: 500px;
|
|
|
background-color: rgba(112, 128, 144, 0.6);
|
|
|
margin: 0 auto;
|
|
|
margin-top: 100px;
|
|
|
}
|
|
|
audio {
|
|
|
position: fixed;
|
|
|
top: 90%;
|
|
|
left: 80%;
|
|
|
}
|
|
|
p {
|
|
|
width: 50%;
|
|
|
color: white;
|
|
|
font-size: 18px;
|
|
|
position: relative;
|
|
|
left: 25%;
|
|
|
top: -270px;
|
|
|
}
|
|
|
body {
|
|
|
background-image: url(背景.gif);
|
|
|
background-size: 100%;
|
|
|
background-attachment: fixed;
|
|
|
}
|
|
|
img {
|
|
|
width: 200px;
|
|
|
position: relative;
|
|
|
top: 150px;
|
|
|
left: 100px;
|
|
|
}
|
|
|
h1 {
|
|
|
color: white;
|
|
|
position: relative;
|
|
|
top: 140px;
|
|
|
left: 165px;
|
|
|
}
|
|
|
.foot{
|
|
|
margin-top:80px;
|
|
|
width:100%;
|
|
|
height:100px;
|
|
|
background-color:#f2f2f2;
|
|
|
}
|
|
|
input[type=text]{
|
|
|
width:100%;
|
|
|
height:40px;
|
|
|
padding:5px;
|
|
|
|
|
|
}
|
|
|
input[type=submit]{
|
|
|
background-color:#4CAF50;
|
|
|
width:100%;
|
|
|
height:30px;
|
|
|
padding:10px;
|
|
|
color:white;
|
|
|
|
|
|
|
|
|
}
|
|
|
input[type=submit]:hover{
|
|
|
background-color:#45a049;
|
|
|
}
|
|
|
</style>
|
|
|
<link type="text/css" rel="stylesheet" charset="UTF-8" href="https://translate.googleapis.com/translate_static/css/translateelement.css"></head>
|
|
|
|
|
|
<body>
|
|
|
<ul class="nav">
|
|
|
<li><a href="#pretplanet">综述</a></li>
|
|
|
<li><a href="#preplanet">行星简介</a>
|
|
|
<ul style="height: 166.4px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; display: none;">
|
|
|
<li><a href="#shuixing">水星</a></li>
|
|
|
<li><a href="#jinxing">金星</a></li>
|
|
|
<li><a href="#diqiu">地球</a></li>
|
|
|
<li><a href="#huoxing">火星</a></li>
|
|
|
<li><a href="#muxing">木星</a></li>
|
|
|
<li><a href="#tuxing">土星</a></li>
|
|
|
<li><a href="#tianwangxing">天王星</a></li>
|
|
|
<li><a href="#haiwangxing">海王星</a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li><a href="#footer">建议</a></li></ul>
|
|
|
<span id=":pretplanet"></span>
|
|
|
<div class="tplanet" style="width:80%; height:300px;background:url(background1.jpg); ">
|
|
|
<button type="button" onclick="loadDoc()"> <div id="demo"> 太阳系八大行星是太阳系的八个大行星，按照离太阳的距离从近到远，它们依次为水星、金星、地球、火星、木星、土星、天王星、海王星。八大行星自转方向多数也和公转方向一致。只有金星和天王星两个例外。金星自转方向与公转方向相反。<br><br>
|
|
|
|
|
|
行星的定义：一是必须围绕恒星运转的天体；二是质量足够大，能依靠自身引力使天体呈圆球状；三是其轨道附近应该没有其他物体。按这样的划分，太阳系的行星就只有水、金、地、火、木、土，加上天王、海王星这八颗。与2006年之前提到的九大行星概念不同，在2006年8月24日于布拉格举行的第26届国际天文联会中通过的第5号决议中，冥王星被划为矮行星，从太阳系九大行星中被除名。
|
|
|
</div></button>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<span id="preplanet"></span>
|
|
|
<span id="shuixing"></span>
|
|
|
<div class="planet">
|
|
|
<img src="shuixing.jpg">
|
|
|
<h1>水星</h1><h1>
|
|
|
<p>水星是太阳系最小的类地行星。由于被太阳的强光遮挡，观测起来十分困难。哥白尼临终前曾为一生从未看到过水星而遗憾。 20世纪70年代以后，人类对水量有了更多了解。一直以来人们认为，虽然名叫水星，可惜高温，微弱的引力和强烈的太阳风注定了水星不会有水，但是信使号所携带的“中子谱仪”首次证明了水星两极存有水冰。（很可能是来自彗星和小行星）。</p>
|
|
|
</h1></div>
|
|
|
<span id="jinxing"></span>
|
|
|
<div class="planet">
|
|
|
<img src="jinxing.jpg">
|
|
|
<h1>金星</h1><h1>
|
|
|
<p>金星是全天中最亮的行星，比天狼星（除太阳外全天最亮的恒星）还要亮14倍。金星的自转周期是243天，是主要行星中自转最慢的。金星的“一天”比金星的“一年”还要长。金星上是太阳系中拥有火山数量最多的行星。已发现的大型火山有1600多处，而大火山加上小火山的总数估计超过10万，甚至100万。金星自转方向跟天王星一样与其它行星相反，是自东向西。因此，在金星上看，太阳是西升东落。</p>
|
|
|
</h1></div>
|
|
|
<span id="diqiu"></span>
|
|
|
|
|
|
<div class="planet">
|
|
|
<img src="diqiu.jpg">
|
|
|
<h1>地球</h1><h1>
|
|
|
<p>地球是太阳系从内到外的第三颗行星，也是太阳系中直径、质量和密度最大的类地行星，也是人类最了解的行星，它也经常被称作世界。英语的地球Earth一词来自于古英语及日耳曼语。地球已经存在了44～46亿年，有一颗天然卫星——月球围绕着地球以30天的周期旋转，而地球以近24小时的周期自转并且以一年的周期绕太阳公转。 迪士尼有同名纪录片。</p>
|
|
|
</h1></div>
|
|
|
<span id="huoxing"></span>
|
|
|
|
|
|
<div class="planet">
|
|
|
<img src="huoxing.jpg">
|
|
|
<h1>火星</h1><h1>
|
|
|
<p>火星是八大行星之一，按照距离太阳由近及远的次序为第四颗。肉眼看去，火星是一颗引人注目的火红色星，它缓慢地穿行于众星之间，在地球上看，它时而顺行时而逆行，而且亮度也常有变化，最亮时比天狼星还亮得多。由于火星荧荧如火，亮度经常变化，位置也不固定，所以中国古代称火星为“荧惑”。而在古罗马神话中，则把火星比喻为身披盔甲浑身是血的战神“玛尔斯”。</p>
|
|
|
</h1></div>
|
|
|
<span id="muxing"></span>
|
|
|
|
|
|
<div class="planet">
|
|
|
<img src="muxing.jpg">
|
|
|
<h1>木星</h1><h1>
|
|
|
<p>木星为太阳系最大的行星. 木星大到什麽程度呢? 做个比较，如果木星是个中空的球体，那麽其内部大约可以放入1300个地球。木星在群星中显得很亮。虽然它到太阳的距离是地球到太阳距离的5倍，得到的太阳光也弱得多，只有从地球上看到的太阳亮度的1／7。但木星个儿巨大，大气也浓密，反射太阳光的能力也强。西方人把威严的罗马主神“朱必特”的宝座安放在了木星上。</p>
|
|
|
</h1></div>
|
|
|
<span id="tuxing"></span>
|
|
|
|
|
|
<div class="planet">
|
|
|
<img src="tuxing.jpg">
|
|
|
<h1>土星</h1><h1>
|
|
|
<p>相比巨大的土星，土星环的厚度出乎很多人的想象，因其厚度仅20米左右。土星环是太阳系中最显著的一大特征，主要是碎石、冰块等组成，土星环有七大环组成，各环的宽度不同，亮度也不同，环与环之间的缝隙称为环缝，整体看来，土星环就像一顶草帽的帽沿，也正因为这个光环的存在，使得土星成为群星中十分美丽的一颗。</p>
|
|
|
</h1></div>
|
|
|
<span id="tianwangxing"></span>
|
|
|
|
|
|
<div class="planet">
|
|
|
<img src="tianwangxing.jpg">
|
|
|
<h1>天王星</h1><h1>
|
|
|
<p>1781年,英国一个音乐师威廉·赫歇尔,在用他自制的望远镜作巡天观测时,发现了一颗特别的天体,它有一个隐约可见的绿色视圆面。赫歇尔最初把它当作彗星,因为从来还没听说过行星能为人发现。但从接连的观测中,他很快算出了它的轨道,证明它确实是一颗行星。这是在水金、火、木、土等早为人们所知的行星之外,在18世纪第一颗被人发现的行星,也是肉眼能见到的最暗的行星。它被取名为天王星。</p>
|
|
|
</h1></div>
|
|
|
<span id="haiwangxing"></span>
|
|
|
|
|
|
<div class="planet">
|
|
|
<img src="haiwangxing.jpg">
|
|
|
<h1>海王星</h1><h1>
|
|
|
<p>自1781年发现天王星后,人们又发现它在轨道上不住地在跳着“扭摆舞”，多数人认为,这是因为天王星外还有一个“隐身人”在“引诱”着它!幸运的是，法国有个初生之犊——勒维耶,他也在计算天王星的这个不露面的伙伴的位置。计算是极其复杂的,但他未被这个包含33个方程式的难题所吓倒,不分昼夜暑寒地攻关,终于得到了解答。海王星是人类用笔在纸上“发现”的行星。它的发现,是人类智慧的结晶,生动地证明了科学预言的巨大威力,恩格斯对此曾给予极高的评价。</p>
|
|
|
</h1></div>
|
|
|
<p style="position:fixed;top:85%;left:86%">背景音乐</p>
|
|
|
<audio preload="" controls="" loop="">
|
|
|
<source src="背景音乐.mp3">
|
|
|
</audio>
|
|
|
<span id="footer"></span>
|
|
|
<footer>
|
|
|
<div class="foot">
|
|
|
<form action="advise1.html">
|
|
|
<label for="advise">建议：</label>
|
|
|
<input type="text" id="advise" name="sadv" placeholder="......">
|
|
|
<font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><input type="submit" value="提交"></font></font>
|
|
|
</form></div>
|
|
|
</footer>
|
|
|
</body></html> |
