时间轴制作（响应式）主页

  <!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 &copy; 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>
   
posted @ 2016-04-06 14:22  落叶随风飘零  阅读(154)  评论(0)    收藏  举报