1. 程式人生 > >08. Web大前端時代之:HTML5+CSS3入門系列 ~ QQ空間時間軸

08. Web大前端時代之:HTML5+CSS3入門系列 ~ QQ空間時間軸

<!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>