标签：
new.html
<!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" /></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>
标签：
原文地址：http://my.oschina.net/u/1994482/blog/473552
