时间轴制作(响应式)主页
<!DOCTYPE html> | |
<html xmlns="http://www.w3.org/1999/xhtml"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
<title>欢迎来到PAW时光日记</title> | |
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> | |
<link rel="stylesheet" href="assets/css/Common.css" /> | |
<link rel="stylesheet" href="assets/css/note.css" /> | |
</head> | |
<body style="background: url('images/bg.jpg') repeat fixed center 0;"> | |
<div class="bg-fixed"></div> | |
<!--时间轴导航--> | |
<nav> | |
<ul> | |
<li> | |
<a href="#2016" class="nav-year">2016年</a> | |
<ul class="nav-month"> | |
<li><a href="#201603">03月</a></li> | |
<li><a href="#201602">02月</a></li> | |
</ul> | |
</li> | |
<li> | |
<a href="#2015" class="nav-year">2015年</a> | |
<ul class="nav-month"> | |
<li><a href="#201503">03月</a></li> | |
</ul> | |
</li> | |
</ul> | |
</nav> | |
<!--顶部标题--> | |
<header class="time-header"> | |
<h1>欢迎来到PAW时光日记 <span>Welcome to PAW the time diary</span></h1> | |
<div class="time-header-links"> | |
<a class="fa fa-home" href="index.html" title="返回Home" target="_blank"></a> | |
<a class="fa fa-mail-forward" href="index.html#pawnote" title="返回Note"></a> | |
</div> | |
</header> | |
<!--每年循环--> | |
<section class="paw-timeline paw-container"> | |
<div class="paw-timeline-icon"> | |
<h2><a name="2016">2016年</a></h2> | |
</div> | |
<!--每月循环--> | |
<div class="paw-timeline-month"> | |
<div class="paw-timeline-icon"> | |
<h3><a name="201603">03月</a></h3> | |
</div> | |
<!--每天循环--> | |
<div class="paw-timeline-block"> | |
<!--时间--> | |
<div class="paw-timeline-icon"> | |
<span class="paw-timeline-datetime">2016-03-18</span> | |
</div> | |
<!--循环内容--> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
</div> | |
<div class="paw-clear"></div> | |
<!--每天循环--> | |
<div class="paw-timeline-block"> | |
<!--时间--> | |
<div class="paw-timeline-icon"> | |
<span class="paw-timeline-datetime">2016-03-17</span> | |
</div> | |
<!--循环内容--> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
</div> | |
<div class="paw-clear"></div> | |
</div> | |
<!--每月循环--> | |
<div class="paw-timeline-month"> | |
<div class="paw-timeline-icon"> | |
<h3><a name="201602">02月</a></h3> | |
</div> | |
<!--每天循环--> | |
<div class="paw-timeline-block"> | |
<!--时间--> | |
<div class="paw-timeline-icon"> | |
<span class="paw-timeline-datetime">2016-02-18</span> | |
</div> | |
<!--循环内容--> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
</div> | |
<div class="paw-clear"></div> | |
<!--每天循环--> | |
<div class="paw-timeline-block"> | |
<!--时间--> | |
<div class="paw-timeline-icon"> | |
<span class="paw-timeline-datetime">2016-02-17</span> | |
</div> | |
<!--循环内容--> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
</div> | |
<div class="paw-clear"></div> | |
</div> | |
</section> | |
<!--每年循环--> | |
<section class="paw-timeline paw-container"> | |
<div class="paw-timeline-icon"> | |
<h2><a name="2015">2015年</a></h2> | |
</div> | |
<!--每月循环--> | |
<div class="paw-timeline-month"> | |
<div class="paw-timeline-icon"> | |
<h3><a name="201503">03月</a></h3> | |
</div> | |
<!--每天循环--> | |
<div class="paw-timeline-block"> | |
<!--时间--> | |
<div class="paw-timeline-icon"> | |
<span class="paw-timeline-datetime">2015-03-18</span> | |
</div> | |
<!--循环内容--> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
</div> | |
<div class="paw-clear"></div> | |
<!--每天循环--> | |
<div class="paw-timeline-block"> | |
<!--时间--> | |
<div class="paw-timeline-icon"> | |
<span class="paw-timeline-datetime">2015-03-17</span> | |
</div> | |
<!--循环内容--> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
<div class="paw-timeline-content"> | |
<a href="#" target="_blank"> | |
<header class="paw-timeline-main"> | |
<h3>标题</h3> | |
<p>内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。内容简介。。。</p> | |
</header> | |
</a> | |
<div> | |
<img src="http://dnt.dkill.net/Images/article/19.jpg" alt="" /> | |
</div> | |
</div> | |
</div> | |
<div class="paw-clear"></div> | |
</div> | |
</section> | |
<hr /> | |
<footer class="copyright"> | |
Copyright © 2015 All rights<span>Author:<a href="#">Paw & DNT</a></span> | |
</footer> | |
<!--返回顶部--> | |
<div id="pawtop"> | |
<div class="top-1"></div> | |
<div class="top-2"></div> | |
</div> | |
<!-- 脚本引入 --> | |
<script src="assets/js/jquery.min.js"></script> | |
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> | |
<script src="assets/js/Common.js"></script> | |
<script type="text/javascript"> | |
$(function () { | |
$('.nav-month').eq(0).css('display', 'block'); | |
}); | |
$('.nav-year').click(function () { | |
$('.nav-month').fadeOut(); | |
$(this).next('ul').css('display', 'block'); | |
}); | |
</script> | |
</body> | |
</html> | |
转载