Python实例---抽屉热搜榜前端代码分析
生活随笔
收集整理的這篇文章主要介紹了
Python实例---抽屉热搜榜前端代码分析
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>歡迎來到FTL的網站</title><style>/*------------------------------------頭部信息開始------------------------*/* { margin: 0; padding: 0; }a {/*去除連接下面的橫線*/text-decoration: none;}body {font: 14px Tahoma,Verdana,Arial,Helvetica,"\5b8b\4f53",sans-serif;color: #333;}.head-box {background-color: #2459a2;/*如果我們設定這個導航欄固定的時候，必須設定top和left為0*/top: 0; /*0不用帶px,默認就是*/left: 0;height: 44px; /*設置行高*/width:100%;position: fixed;}.head-content {margin: 0 auto; /*設定居中*/background-color: #2459a2;width: 1016px;height: 44px;line-height: 44px;position: relative; /*方便后面調試注冊，登錄*/}.logo {width: 121px; /*設定寬度，否則無法顯示圖片*/height: 23px; /*設定高度，否則無法顯示圖片*/background: url("http://dig.chouti.com/images/logo.png") no-repeat 0 0;float: left; /*頂著第二個head-content框顯示*/margin-top: 11px; /*設定距離頂部多少距離*/}.action-menu{float: left; /* 跟float:left 同樣的效果： display: inline-block; *//*margin-top: 11px; !*head-content里面設置了line-height，已經確保了文字在中間，此行可省略*!*/margin-left: 20px;}/*action-menu下面的class為tb的a標簽*/.action-menu a.tb {color: #c0cddf;;/*消除了元素與元素之間的間隔【2個圖片，a標簽之間都有默認間隔】，保證2個標簽之間只有padding沒有margin*/margin-left: -3px;padding: 0 13px 0 16px;/*a標簽是一個內聯標簽，所以是用多少顯示多少*/display: inline-block;/*background-color: #FF6600; 顯示顏色用的*/}/*設置標簽懸浮的偽類*/.action-menu a.active, .action-menu a.active:hover, .action-menu a.tb:hover {color: #fff;background-color: #204982;}.key-sera{float: right;margin-top: 7px;}.key-sera .search-txt-s, .key-sera a.i {float: left;border: 1px solid #e0e0e0;background-color: #f4f4f4;}.key-sera .search-txt-s{width: 91px;height: 25px;color: #333;padding: 2px 2px 2px 5px;}.key-sera a.i{width: 30px;height: 29px;display: inline-block;background-color: #f4f4f4;border-left: 0;}.key-sera a.i .icon {background: url("http://dig.chouti.com/images/icon.png") no-repeat 0 -197px;width: 11px;height:12px;display: inline-block;margin-left: 11px;margin-bottom: 7px;}.action-nav{position: absolute;right: 200px;}.action-nav a{color: #c0cddf;padding: 0 20px;margin-left: -5px;display: inline-block;}.action-nav a:hover{color: #f4f4f4;background-color: #204982;}/*-----------------------------------頭部信息結束----------------------------*/.main-content-band{width: 100%;background-color: #ededed;padding-top: 44px;}.main-content {margin: 0 auto;background-color: #fff;width: 960px;overflow: hidden;height: auto !important; /*高度根據內容去自適應,同時防止高度被覆蓋*/min-height: 700px; /*即使顯示的內容不夠，也可以自己去適應最小顯示700px*/padding: 6px 28px 60px;}.content-L{float: left;width: 630px;/*border: solid 2px red;*/}.nav-top-area{border-bottom: 1px solid #ccdcef;overflow: hidden; /*消除： 子級別的標簽都float了，所以內容為空導致下面設置的border-bottom顯示在上面了*/}.child-nav, .sort-nav{float: left;padding: 10px;}.publish-btn{float: right;padding: 10px;}.child-nav a {display: inline-block;width: 60px;height: 26px;line-height: 26px;margin-top: 3px;margin-bottom: 13px;color: #369;font-size: 12px;font-weight: 900; /*范圍[1-900]*/text-align: center;}.child-nav .active {background: url("http://dig.chouti.com/images/tip.png?v=2.9") no-repeat 0 -299px;color: #333333;}.sort-nav{margin-left: 144px;margin-top: 10px;}.sort-nav .active {color: #b4b4b4;}.sort-nav a {margin-left: 10px;color: #390;text-align: center;}.publish-btn{background-color: #84a42b;border: 1px solid #8aab30;width: 75px;height:15px;font-size: 14px;line-height:15px;text-align: center;margin-top: 5px;color: #fff;}/*--------------------------------------------導航欄結束-----------------------*/.content-list .item{border-bottom: 1px solid #abb6d2;}.item .news-pic{float: right;margin-top: 5px;margin-left: 9px;}.content-list .item .news-pic img {width: 60px;height: 60px;background-color: #fff;border: 1px solid #ccc;padding: 1px;vertical-align: top;}.news-content .part2 {padding-top: 6px;color: #ccc;margin-bottom: 12px;}.hand-icon{background: url("http://dig.chouti.com/images/icon_18_118.png?v=2.13") no-repeat 0 0 ;display: inline-block;width: 18px;height: 18px;}.content-list .item .news-content .part2 .icon-digg {background-position: 0 -40px;vertical-align: -1px;}.content-list .item .news-content .part2 .icon-discus {background-position: 0 -100px;vertical-align: -1px;}.content-list .item .news-content .part2 .icon-collect {background-position: 0 -160px;vertical-align: -1px; /*設置圖片的垂直距離,正數表示向上，負數表示向下*/}.content-list .item .news-content .part2 .user-a{vertical-align: -1px;}.part2 a{margin-left: 7px;}.content-list .item .news-content .part2 .digg-a b {padding-right: 2px;color: #99aecb;vertical-align: 4px;}.content-list .item .news-content .part2 .discus-a b {padding-right: 2px;color: #99aecb;vertical-align: 4px;}.content-list .item .news-content .part2 .collect-a b {padding-right: 2px;color: #99aecb;vertical-align: 4px;}.content-list .item .news-content .part2 .time-a b {padding-right: 2px;color: #99aecb;vertical-align: 4px;}.content-list .item .news-content .part2 .user-a b {padding-right: 2px;color: #99aecb;vertical-align: 4px;}.content-list .item .news-content .part2 .time-into i {font-weight: 400;vertical-align: 4px;_vertical-align: 3px;}.part1 .content-source, .part1 .n2{padding-right: 2px;color: #99aecb;vertical-align: -2px;}.part1 .content-source {text-decoration: underline;}.share-site-to .share-icon a{background: url("share_icon.png") no-repeat;height: 14px;display: inline-block;width: 17px;margin-left: 0;opacity: 0.3;}.share-site-to .share-icon a.icon-sina {background-position: 0 -90px;}.share-site-to .share-icon a.icon-douban {background-position: 0 -105px;}.share-site-to .share-icon a.icon-qqzone {background-position: 0 -120px;}.share-site-to .share-icon a.icon-tenxun {background-position: 0 -136px;}.share-site-to .share-icon a.icon-renren {background-position: 0 -151px;}.share-site-to{font-weight: 400;vertical-align: 4px;}.share-icon a:hover{opacity: 1;}/*------------------------設置翻頁-----------------------------*/.dig_lcpage ul li, .ct_page_edge{ /*設置的時候，必須按照大范圍到小范圍的順序，否則不顯示*/display:inline-block;padding-left: 10px;float: left;color: #369;height: 34px;line-height: 34px;text-align: center;width: 34px;border: 1px solid #e1e1e1;margin-left: 3px;border-radius: 20%; /*設置圓角*/}/*設置翻頁標簽的邊距*/.dig_lcpage {margin-left: 8px;margin-top: 8px;}.ct_page_edge{width:60px;color: #369;}.dig_lcpage ul li:hover, .ct_page_edge:hover{color: white!important;background-color: #2559a4;}/*設置底部*/.footer-band .foot-nav {padding-top: 15px;text-align: center;border-top: 1px solid #ccdcef;position: relative;}</style></head>
<body>
<!------------------------------------頭部信息-------------------------------->
<div class="head-box"><div class="head-content"><!--這里設置logo標簽， #表示為空--><a class="logo" href="http://dig.chouti.com/"></a><!--導航--><div class="action-menu"><a href="http://dig.chouti.com/all/hot/recent/1" class="tb active" >全部</a><a href="http://dig.chouti.com/r/news/hot/1" class="tb">42區</a><a href="http://dig.chouti.com/r/scoff/hot/1" class="tb">段子</a><a href="http://dig.chouti.com/r/pic/hot/1" class="tb">圖片</a><a href="http://dig.chouti.com/r/tec/hot/1" class="tb">挨踢1024</a><a href="http://dig.chouti.com/r/ask/hot/1" class="tb">你問我答</a></div><div class="key-sera"><form name="searchFrm2" id="searchFrm2" method="post" action="#"><input type="text" id="words" name="words" class="search-txt-s"><a href="#" class="i"><span class="icon"></span></a></form></div><div class="action-nav"><a>注冊</a><a>登錄</a></div></div>
</div>
<!-----------------------------------內容顯示--------------------------------->
<div class="main-content-band"><div class="main-content"><div class="content-L"><!--導航欄--><div class="nav-top-area"><div class="child-nav"><a href="http://dig.chouti.com/all/hot/recent/1" hidefocus="false" class="hotbtn active icons" id="hotts-nav-btn">最熱</a><a href="http://dig.chouti.com/all/discovery/sh/1" hidefocus="false" class="newbtn" id="newest-nav-btn">發現<span class="newIcon">new</span></a><a href="http://dig.chouti.com/all/man/1" hidefocus="false" class="personbtn" id="person-nav-btn">人類發布</a></div><div class="sort-nav"><a href="/all/hot/recent/1" hidefocus="false" class="active hotbtn" id="sort-nav-btn">即時排序</a><a href="/all/hot/24hr/1" hidefocus="false" class="newbtn" id="sort24-nav-btn">24小時</a><a href="/all/hot/72hr/1" hidefocus="false" class="newbtn" id="sort3-nav-btn">3天</a></div><a href="javascript:;" class="publish-btn" id="publishBtn" lang="all"><span class="ico n1"></span><span class="n2">發布</span></a></div><!-- 內容顯示區域 --><div class="content-list"><div class="content-list" id="content-list0"><div class="item"><div class="news-pic"><img lang="16455376" original="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244=C120x120.jpg?quality=80" src="http://img3.chouti.com/CHOUTI_20180107/622EDBDB40B5433EB7663E3A9082D4E0_W586H586=C120x120.jpg?quality=80" alt="抽屜新熱榜" /></div><div class="news-content" id="newsContent16455376"><div class="part1"><a href="http://www.pearvideo.com/video_1243904" class="show-content color-chag" target="_blank" onMouseDown="linksClickStat(16455376);">【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。</a><span class="content-source">-www.pearvideo.com</span><!-- 段子和謠言類別不顯示類別名稱 --><a href="/r/news/hot/1" class="n2"><span class="content-kind">42區</span></a><!-- 來源手機客戶端 --></div><!-- 顯示摘要 --><div class="part2" share-pic="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244.jpg" share-title='【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。' share-summary='' share-linkid="16455376" share-subject="42區"><a href="javascript:;" class="digg-a" title="推薦"><span class="hand-icon icon-digg"></span><b>6</b><i style="display:none">16455376</i></a><a href="javascript:;" class="discus-a" id="discus-a-16455376" timeToPool="11分鐘前" lang="16455376" ><span class="hand-icon icon-discus"></span><b>7</b></a><a href="javascript:;" class="collect-a" id="collect-a-16455376" lang="16455376" title="加入私藏" destjid="" jid="419421509"><span class="hand-icon icon-collect"></span><b>私藏</b></a><a href="/user/419421509/submitted/1" class="user-a"><span><img src="http://img3.chouti.com/group11/M03/8B/10/wKgCPVUvH77C1OVpAAAZGHF-I84152=32x32.jpg?quality=80" /></span><b>巴顏格日順</b></a><span class="left time-into"><a class="time-a" href="/link/16455376" target="_blank"><b>11分鐘前</b></a><i>入熱榜</i></span><!-- 分享各微博的按鈕 --><span class="share-site-to"><i>分享到</i><span class="share-icon"><a class="icon-sina" title="分享到新浪微博" href="#" ></a><a class="icon-douban" title="分享到豆瓣" href="#" ></a><a class="icon-qqzone" title="分享到QQ空間" href="#" ></a><a class="icon-tenxun" title="分享到騰訊微博" href="#" ></a><a class="icon-renren" title="分享到人人網" href="#" ></a></span></span></div></div></div></div><div class="content-list" id="content-list1"><div class="item"><div class="news-pic"><img lang="16455376" original="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244=C120x120.jpg?quality=80" src="http://img3.chouti.com/CHOUTI_20180107/622EDBDB40B5433EB7663E3A9082D4E0_W586H586=C120x120.jpg?quality=80" alt="抽屜新熱榜" /></div><div class="news-content" id="newsContent16455376"><div class="part1"><a href="http://www.pearvideo.com/video_1243904" class="show-content color-chag" target="_blank" onMouseDown="linksClickStat(16455376);">【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。</a><span class="content-source">-www.pearvideo.com</span><!-- 段子和謠言類別不顯示類別名稱 --><a href="/r/news/hot/1" class="n2"><span class="content-kind">42區</span></a><!-- 來源手機客戶端 --></div><!-- 顯示摘要 --><div class="part2" share-pic="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244.jpg" share-title='【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。' share-summary='' share-linkid="16455376" share-subject="42區"><a href="javascript:;" class="digg-a" title="推薦"><span class="hand-icon icon-digg"></span><b>6</b><i style="display:none">16455376</i></a><a href="javascript:;" class="discus-a" id="discus-a-16455376" timeToPool="11分鐘前" lang="16455376" ><span class="hand-icon icon-discus"></span><b>7</b></a><a href="javascript:;" class="collect-a" id="collect-a-16455376" lang="16455376" title="加入私藏" destjid="" jid="419421509"><span class="hand-icon icon-collect"></span><b>私藏</b></a><a href="/user/419421509/submitted/1" class="user-a"><span><img src="//img3.chouti.com/group11/M03/8B/10/wKgCPVUvH77C1OVpAAAZGHF-I84152=32x32.jpg?quality=80" /></span><b>巴顏格日順</b></a><span class="left time-into"><a class="time-a" href="/link/16455376" target="_blank"><b>11分鐘前</b></a><i>入熱榜</i></span><!-- 分享各微博的按鈕 --><span class="share-site-to"><i>分享到</i><span class="share-icon"><a class="icon-sina" title="分享到新浪微博" href="#" ></a><a class="icon-douban" title="分享到豆瓣" href="#" ></a><a class="icon-qqzone" title="分享到QQ空間" href="#" ></a><a class="icon-tenxun" title="分享到騰訊微博" href="#" ></a><a class="icon-renren" title="分享到人人網" href="#" ></a></span></span></div></div></div></div><div class="content-list" id="content-list2"><div class="item"><div class="news-pic"><img lang="16455376" original="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244=C120x120.jpg?quality=80" src="http://img3.chouti.com/CHOUTI_20180107/622EDBDB40B5433EB7663E3A9082D4E0_W586H586=C120x120.jpg?quality=80" alt="抽屜新熱榜" /></div><div class="news-content" id="newsContent16455376"><div class="part1"><a href="http://www.pearvideo.com/video_1243904" class="show-content color-chag" target="_blank" onMouseDown="linksClickStat(16455376);">【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。</a><span class="content-source">-www.pearvideo.com</span><!-- 段子和謠言類別不顯示類別名稱 --><a href="/r/news/hot/1" class="n2"><span class="content-kind">42區</span></a><!-- 來源手機客戶端 --></div><!-- 顯示摘要 --><div class="part2" share-pic="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244.jpg" share-title='【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。' share-summary='' share-linkid="16455376" share-subject="42區"><a href="javascript:;" class="digg-a" title="推薦"><span class="hand-icon icon-digg"></span><b>6</b><i style="display:none">16455376</i></a><a href="javascript:;" class="discus-a" id="discus-a-16455376" timeToPool="11分鐘前" lang="16455376" ><span class="hand-icon icon-discus"></span><b>7</b></a><a href="javascript:;" class="collect-a" id="collect-a-16455376" lang="16455376" title="加入私藏" destjid="" jid="419421509"><span class="hand-icon icon-collect"></span><b>私藏</b></a><a href="/user/419421509/submitted/1" class="user-a"><span><img src="//img3.chouti.com/group11/M03/8B/10/wKgCPVUvH77C1OVpAAAZGHF-I84152=32x32.jpg?quality=80" /></span><b>巴顏格日順</b></a><span class="left time-into"><a class="time-a" href="/link/16455376" target="_blank"><b>11分鐘前</b></a><i>入熱榜</i></span><!-- 分享各微博的按鈕 --><span class="share-site-to"><i>分享到</i><span class="share-icon"><a class="icon-sina" title="分享到新浪微博" href="#" ></a><a class="icon-douban" title="分享到豆瓣" href="#" ></a><a class="icon-qqzone" title="分享到QQ空間" href="#" ></a><a class="icon-tenxun" title="分享到騰訊微博" href="#" ></a><a class="icon-renren" title="分享到人人網" href="#" ></a></span></span></div></div></div></div><div class="content-list" id="content-list3"><div class="item"><div class="news-pic"><img lang="16455376" original="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244=C120x120.jpg?quality=80" src="http://img3.chouti.com/CHOUTI_20180107/622EDBDB40B5433EB7663E3A9082D4E0_W586H586=C120x120.jpg?quality=80" alt="抽屜新熱榜" /></div><div class="news-content" id="newsContent16455376"><div class="part1"><a href="http://www.pearvideo.com/video_1243904" class="show-content color-chag" target="_blank" onMouseDown="linksClickStat(16455376);">【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。</a><span class="content-source">-www.pearvideo.com</span><!-- 段子和謠言類別不顯示類別名稱 --><a href="/r/news/hot/1" class="n2"><span class="content-kind">42區</span></a><!-- 來源手機客戶端 --></div><!-- 顯示摘要 --><div class="part2" share-pic="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244.jpg" share-title='【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。' share-summary='' share-linkid="16455376" share-subject="42區"><a href="javascript:;" class="digg-a" title="推薦"><span class="hand-icon icon-digg"></span><b>6</b><i style="display:none">16455376</i></a><a href="javascript:;" class="discus-a" id="discus-a-16455376" timeToPool="11分鐘前" lang="16455376" ><span class="hand-icon icon-discus"></span><b>7</b></a><a href="javascript:;" class="collect-a" id="collect-a-16455376" lang="16455376" title="加入私藏" destjid="" jid="419421509"><span class="hand-icon icon-collect"></span><b>私藏</b></a><a href="/user/419421509/submitted/1" class="user-a"><span><img src="//img3.chouti.com/group11/M03/8B/10/wKgCPVUvH77C1OVpAAAZGHF-I84152=32x32.jpg?quality=80" /></span><b>巴顏格日順</b></a><span class="left time-into"><a class="time-a" href="/link/16455376" target="_blank"><b>11分鐘前</b></a><i>入熱榜</i></span><!-- 分享各微博的按鈕 --><span class="share-site-to"><i>分享到</i><span class="share-icon"><a class="icon-sina" title="分享到新浪微博" href="#" ></a><a class="icon-douban" title="分享到豆瓣" href="#" ></a><a class="icon-qqzone" title="分享到QQ空間" href="#" ></a><a class="icon-tenxun" title="分享到騰訊微博" href="#" ></a><a class="icon-renren" title="分享到人人網" href="#" ></a></span></span></div></div></div></div><div class="content-list" id="content-list4"><div class="item"><div class="news-pic"><img lang="16455376" original="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244=C120x120.jpg?quality=80" src="http://img3.chouti.com/CHOUTI_20180107/622EDBDB40B5433EB7663E3A9082D4E0_W586H586=C120x120.jpg?quality=80" alt="抽屜新熱榜" /></div><div class="news-content" id="newsContent16455376"><div class="part1"><a href="http://www.pearvideo.com/video_1243904" class="show-content color-chag" target="_blank" onMouseDown="linksClickStat(16455376);">【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。</a><span class="content-source">-www.pearvideo.com</span><!-- 段子和謠言類別不顯示類別名稱 --><a href="/r/news/hot/1" class="n2"><span class="content-kind">42區</span></a><!-- 來源手機客戶端 --></div><!-- 顯示摘要 --><div class="part2" share-pic="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244.jpg" share-title='【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。' share-summary='' share-linkid="16455376" share-subject="42區"><a href="javascript:;" class="digg-a" title="推薦"><span class="hand-icon icon-digg"></span><b>6</b><i style="display:none">16455376</i></a><a href="javascript:;" class="discus-a" id="discus-a-16455376" timeToPool="11分鐘前" lang="16455376" ><span class="hand-icon icon-discus"></span><b>7</b></a><a href="javascript:;" class="collect-a" id="collect-a-16455376" lang="16455376" title="加入私藏" destjid="" jid="419421509"><span class="hand-icon icon-collect"></span><b>私藏</b></a><a href="/user/419421509/submitted/1" class="user-a"><span><img src="//img3.chouti.com/group11/M03/8B/10/wKgCPVUvH77C1OVpAAAZGHF-I84152=32x32.jpg?quality=80" /></span><b>巴顏格日順</b></a><span class="left time-into"><a class="time-a" href="/link/16455376" target="_blank"><b>11分鐘前</b></a><i>入熱榜</i></span><!-- 分享各微博的按鈕 --><span class="share-site-to"><i>分享到</i><span class="share-icon"><a class="icon-sina" title="分享到新浪微博" href="#" ></a><a class="icon-douban" title="分享到豆瓣" href="#" ></a><a class="icon-qqzone" title="分享到QQ空間" href="#" ></a><a class="icon-tenxun" title="分享到騰訊微博" href="#" ></a><a class="icon-renren" title="分享到人人網" href="#" ></a></span></span></div></div></div></div><div class="content-list" id="content-list5"><div class="item"><div class="news-pic"><img lang="16455376" original="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244=C120x120.jpg?quality=80" src="http://img3.chouti.com/CHOUTI_20180107/622EDBDB40B5433EB7663E3A9082D4E0_W586H586=C120x120.jpg?quality=80" alt="抽屜新熱榜" /></div><div class="news-content" id="newsContent16455376"><div class="part1"><a href="http://www.pearvideo.com/video_1243904" class="show-content color-chag" target="_blank" onMouseDown="linksClickStat(16455376);">【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。</a><span class="content-source">-www.pearvideo.com</span><!-- 段子和謠言類別不顯示類別名稱 --><a href="/r/news/hot/1" class="n2"><span class="content-kind">42區</span></a><!-- 來源手機客戶端 --></div><!-- 顯示摘要 --><div class="part2" share-pic="http://img3.chouti.com/CHOUTI_20180106/2D8596D699C6404A9743D855F8CF5FE7_W244H244.jpg" share-title='【大運河遭人瘋狂挖寶，驚現數千坑洞】1月4日，河北東光縣，京杭大運河古河道滄州段，有人在河道中挖寶，河道內隨處可見被挖的坑洞，數量達到上千個，長達四五百米。目前，警方已介入。' share-summary='' share-linkid="16455376" share-subject="42區"><a href="javascript:;" class="digg-a" title="推薦"><span class="hand-icon icon-digg"></span><b>6</b><i style="display:none">16455376</i></a><a href="javascript:;" class="discus-a" id="discus-a-16455376" timeToPool="11分鐘前" lang="16455376" ><span class="hand-icon icon-discus"></span><b>7</b></a><a href="javascript:;" class="collect-a" id="collect-a-16455376" lang="16455376" title="加入私藏" destjid="" jid="419421509"><span class="hand-icon icon-collect"></span><b>私藏</b></a><a href="/user/419421509/submitted/1" class="user-a"><span><img src="//img3.chouti.com/group11/M03/8B/10/wKgCPVUvH77C1OVpAAAZGHF-I84152=32x32.jpg?quality=80" /></span><b>巴顏格日順</b></a><span class="left time-into"><a class="time-a" href="/link/16455376" target="_blank"><b>11分鐘前</b></a><i>入熱榜</i></span><!-- 分享各微博的按鈕 --><span class="share-site-to"><i>分享到</i><span class="share-icon"><a class="icon-sina" title="分享到新浪微博" href="#" ></a><a class="icon-douban" title="分享到豆瓣" href="#" ></a><a class="icon-qqzone" title="分享到QQ空間" href="#" ></a><a class="icon-tenxun" title="分享到騰訊微博" href="#" ></a><a class="icon-renren" title="分享到人人網" href="#" ></a></span></span></div></div></div></div></div><!--分頁內容顯示--><div class="page-area"><div class="dig_lcpage"><ul><li><span class="ct_pagepw">1</span></li><li><a href="#" class="ct_pagepa">2</a></li><li><a href="#" class="ct_pagepa">3</a></li><li><a href="#" class="ct_pagepa">4</a></li><li><a href="#" class="ct_pagepa">5</a></li><li><a href="#" class="ct_pagepa">6</a></li><li><a href="#" class="ct_pagepa">7</a></li><li><a href="#" class="ct_pagepa">8</a></li><li><a href="#" class="ct_pagepa">9</a></li><li><a href="#" class="ct_pagepa">10</a></li><a href="#" class="ct_page_edge">下一頁</a></ul></div></div><!--右邊內容的顯示--><div class="content-R"></div><!-----------------------------------內容顯示--------------------------------->
<div class="footer-band"><div class="foot-nav"><div style="display:none" id="y-destnick"></div><a href="/help/about" target="_blank">關于我們</a><span>|</span><a href="/help/contact"target="_blank">聯系我們</a><span>|</span><a href="/help/service" target="_blank">服務條款</a><span>|</span><ahref="/help/privacy" target="_blank">隱私政策</a><span>|</span><a href="/help/tool"target="_blank">抽屜新熱榜工具</a><span>|</span><!--<a href="http://img.chouti.com/toolsffcj.html"target="_blank">瀏覽器插件</a><span>|</span>--><a href="/download/model" target="_blank">下載客戶端</a><span>|</span><ahref="/feedback" target="_blank">意見與反饋</a><span>|</span><a href="/help/goodlink"target="_blank">友情鏈接</a><span>|</span><ahref="http://www.shouye.com/Index.do?method=show&pageId=44251&jid=xinrebang@gozap.com"target="_blank">公告</a><!--<span>|</span><a href="/points/gifts" target="_blank">積分商城</a>--><a href="http://dig.chouti.com/feed.xml" target="_blank" style="margin-left:0;vertical-align:-2px;"title="Rss訂閱，Feed地址：http://dig.chouti.com/feed.xml"><img src="/images/ct_rss.gif" width="36" height="14"></a></div><div class="foot-nav2"><a target="_blank" href="http://www.gozap.com/"><img class="foot_e" src="/images/gozap-logo-50_15.gif"></a><span class="foot_d">旗下站點</span><span class="foot_a">©2018chouti.com</span><a target="_blank" href="http://www.miibeian.gov.cn/" class="foot_b">京ICP備09053974號-3 京公網安備 110102004562</a><div style="margin-top:6px;"><span class="foot_d">違法和不良信息舉報：</span><span class="foot_a">電話：010-58302039 </span><span class="foot_a" style="margin-left: 15px;">郵箱：<a style="color: #369;margin-right: 10px;" href="mailto:jubao@chouti.com">jubao@chouti.com</a> </span></div><div style="margin-top:6px;">版權所有：小a玖拾柒</div>
</div></div></div></div>
</body>
</html> ? 更多學習參考： Python實例---抽屜后臺框架分析
轉載于:https://www.cnblogs.com/ftl1012/p/9404985.html
總結
以上是生活随笔為你收集整理的Python实例---抽屉热搜榜前端代码分析的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 生活原则（1）
- 下一篇： 前端click事件及自定义事件