Load載入(index)

JDX_ex4(index):Load載入

一、index基本結構設定

範例結果

<meta charset="utf-8">
<title>電影開麥拉MovieCamera</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
<script src="js/jquery-1.12.4.js"></script>
<script src="js/jquery.easing.1.3.js"></script>

<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<header></header>
<section><h2>首頁</h2></section>
<section><h2>最新上架</h2></section>
<section><h2>主題推薦</h2></section>
<section><h2>關於我們</h2></section>
<footer>
    Copyright ©2017 電影開麥拉公司<span>(網站設計模擬練習用多源自<a href="https://www.litv.tv/" target="_blank">LiTv</a>,相關影像資訊來自網路各網站,如有侵權請告知,即刻處理)</span>
</footer>
/*===滿版================================================================*/
html,body{width:100%; height:100%;}
section{ min-height:100%;}
section:nth-of-type(1){ background:#fce4ec;}
section:nth-of-type(2){ background:#e1f5fe;}
section:nth-of-type(3){ background:#ffe082;}
section:nth-of-type(4){ background:#e1bee7;}
section:nth-of-type(5){ background:#d7ccc8;}

/*footer==================================================================*/
footer {font-size: 15px;  margin: 0 auto;  padding: 5px 0; text-align:center;}
footer span,footer span a{ 
	font-size:12px; display:block; text-align:right;
	color:#989797; line-height:13px;}
footer span a{display:inline;}