Html5（昨日-續）
new.htmlcss
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<header>
<div class="header center">
<div class="logo">
<a href="index.html"><img src="img/little_animal_01.png" alt=""/></a>
</div>
<nav>
<ul>
<li><a href=""><strong>電影臺詞</strong></a> </li>
<li><a href=""><strong>電視劇臺詞</strong></a> </li>
<li><a href=""><strong>英文臺詞</strong></a> </li>
<li><a href=""><strong>搞笑臺詞</strong></a> </li>
<li><a href=""><strong>經典臺詞</strong></a> </li>
<li><a href=""><strong>網絡臺詞</strong></a> </li>
</ul>
</nav>
<form action="">
<input id="search" type="text" onfocus="s_focus()" onblur="s_blur()" placeholder="請輸入您要搜索的詞"/><input id="mysubmit" type="submit" value=""/>
</form>
</div>
</header>
<div id="container" class="center">
<article class="bg">
<section id="jdt" class="border">
/*焦點圖*/
</section>
<section id="cwarp">
<section class="content">
<div class="title">
<a class="name" href=""><strong>電影臺詞</strong></a>
<a class="more" href="">更多</a>
</div>
<ul>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡薩丁上刊登</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡薩丁上刊登</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡薩丁上刊登</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡薩丁上刊登</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡薩丁上刊登</p>
</a>
</li>
</ul>
</section><section class="content">
<div class="title">
<a class="name" href=""><strong>電影臺詞</strong></a>
<a class="more" href="">更多</a>
</div>
<ul>
<li><div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的</p>
</a>
</li>
</ul>
</section><section class="content">
<div class="title">
<a class="name" href=""><strong>電影臺詞</strong></a>
<a class="more" href="">更多</a>
</div>
<ul>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡薩</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡薩</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡薩丁</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡</p>
</a>
</li>
</ul>
</section><section class="content">
<div class="title">
<a class="name" href=""><strong>電影臺詞</strong></a>
<a class="more" href="">更多</a>
</div>
<ul>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡薩</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡薩</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是的卡</p>
</a>
</li>
</ul>
</section><section class="content">
<div class="title">
<a class="name" href=""><strong>電影臺詞</strong></a>
<a class="more" href="">更多</a>
</div>
<ul>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是</p>
</a>
</li>
</ul>
</section><section class="content">
<div class="title">
<a class="name" href=""><strong>電影臺詞</strong></a>
<a class="more" href="">更多</a>
</div>
<ul>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是</p>
</a>
</li>
<li>
<div class="sjx"></div>
<a class="c_img" href="">
<img src="img/s1.jpg"/>
</a><a class="c_con" href="">
<h4>你好呀，騷年！</h4>
<p> 姐姐打開第三款你們斯蒂文你們點擊第三款幾點思考都是空的可視對講是思科是</p>
</a>
</li>
</ul>
</section>
</section>
</article><aside>
<section>
<div class="a_title">
<a class="name" href=""><strong>最近更新</strong></a>
</div>
<ul>
<li><a href="content.html">對你的愛、愛、愛、不變</a></li>
<li><a href="content.html">對你的愛、愛、愛、不變</a></li>
</ul>
</section><section>
<div class="a_title">
<a class="name" href=""><strong>最近更新</strong></a>
</div>
<ul>
<li><a href="content.html">對你的愛、愛、愛、不變</a></li>
<li><a href="content.html">對你的愛、愛、愛、不變</a></li>
</ul>
</section><section>
<div class="a_title">
<a class="name" href=""><strong>最近更新</strong></a>
</div>
<ul>
<li><a href="content.html">對你的愛、愛、愛、不變</a></li>
<li><a href="content.html">對你的愛、愛、愛、不變</a></li>
</ul>
</section><section>
<div class="a_title">
<a class="name" href=""><strong>最近更新</strong></a>
</div>
<ul>
<li><a href="content.html">對你的愛、愛、愛、不變</a></li>
<li><a href="content.html">對你的愛、愛、愛、不變</a></li>
</ul>
</section>
</aside>
</div>
<footer>
<section class="f_link">
<div class="f_title">
<a class="name" href=""><b>友情連接</b></a>
</div>
<ul>
<li><a href="">這個連接</a></li>
<li><a href="">這個連接</a></li>
</ul>
</section>
</footer>
</body>
<script>
function s_focus(){
document.getElementById('search').style.width="200px"
}
function s_blur(){
document.getElementById('search').style.width="35px"
}
</script>
</html>
相關文章
- 1. 繼續昨日（Offers.html）
- 2. sql查詢今日,昨日
- 3. MongoDB 查詢昨日/昨天數據
- 4. 續Html5
- 5. 2017-11-2 跟進昨日白銀，繼續分析
- 6. 昨天是個人生日
- 7. 昨日皇者——Symbian(塞班)
- 8. java 獲取昨天日期
- 9. C# 獲取昨天日期
- 10. shell 獲取昨天日期
- 更多相關文章...
- • SQLite 日期 & 時間 - SQLite教程
- • 構造連續的ICMP數據包 - TCP/IP教程
- • 算法總結-股票買賣
- • TiDB 在摩拜單車在線數據業務的應用和實踐
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 繼續昨日（Offers.html）
- 2. sql查詢今日,昨日
- 3. MongoDB 查詢昨日/昨天數據
- 4. 續Html5
- 5. 2017-11-2 跟進昨日白銀，繼續分析
- 6. 昨天是個人生日
- 7. 昨日皇者——Symbian(塞班)
- 8. java 獲取昨天日期
- 9. C# 獲取昨天日期
- 10. shell 獲取昨天日期