時間：2023-06-23 12:39:02 | 來源：網(wǎng)站運(yùn)營
時間：2023-06-23 12:39:02 來源：網(wǎng)站運(yùn)營
html在線閱讀小說網(wǎng)頁制作模板 小說書籍網(wǎng)頁設(shè)計 大學(xué)生靜態(tài)HTML網(wǎng)頁源碼 dreamweaver網(wǎng)頁作業(yè) 簡單網(wǎng)頁課程成品：精彩專欄推薦 文末獲取聯(lián)系 ?? 作者簡介: 一個熱愛把邏輯思維轉(zhuǎn)變?yōu)榇a的技術(shù)博主 作者主頁: 【主頁—— 獲取更多優(yōu)質(zhì)源碼】 web前端期末大作業(yè)： 【 畢設(shè)項目精品實戰(zhàn)案例 (1000套) 】 程序員有趣的告白方式：【 HTML七夕情人節(jié)表白網(wǎng)頁制作 (110套) 】 超炫酷的Echarts大屏可視化源碼：【 Echarts大屏展示大數(shù)據(jù)平臺可視化(150套) 】 HTML+CSS+JS實例代碼： 【 ?HTML+CSS+JS實例代碼 (炫酷特效網(wǎng)頁代碼) 繼續(xù)更新中...】 免費(fèi)且實用的WEB前端學(xué)習(xí)指南： 【 web前端零基礎(chǔ)到高級學(xué)習(xí)視頻教程 120G干貨分享】 關(guān)于作者: 歷任研發(fā)工程師，技術(shù)組長，教學(xué)總監(jiān)；曾于2016年、2020年兩度榮獲CSDN年度十大博客之星。 十載寒冰，難涼熱血；多年過去，歷經(jīng)變遷，物是人非。 然而，對于技術(shù)的探索和追求從未停歇。 堅持原創(chuàng)，熱衷分享，初心未改，繼往開來！
在線咨詢
Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html編輯軟件進(jìn)行運(yùn)行及修改編輯等操作）。 其中： （1） html文件包含：其中index.html是首頁、其他html為二級頁面； （2） css文件包含：css全部頁面樣式,文字滾動, 圖片放大等； （3） js文件包含：js實現(xiàn)動態(tài)輪播特效, 表單提交, 點擊事件等等（個別網(wǎng)頁中運(yùn)用到j(luò)s代碼）。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <meta name="format-detection" content="telephone=no, email=no, date=no, address=no"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta http-equiv="Pragma" content="no-cache"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="format-detection" content="telephone=no" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="css/bootstrap-theme.min.css" /> <link rel="stylesheet" href="css/style.css" /> <script type="text/javascript" src="js/ydui.flexible.js" ></script> <script type="text/javascript" src="js/style.js" ></script> <script type="text/javascript" src="js/jquery-1.10.1.min.js" ></script> <script type="text/javascript" src="js/bootstrap.min.js" ></script> <title>首頁</title> </head> <body> <header class="navbar navbar-static-top bs-docs-nav header-top-nav" id="header-top"> <div class="integral-bgheader" id="integral-bgheader"></div> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#bs-navbar" aria-controls="bs-navbar" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <button class="navbar-toggle collapsed search-btn" type="button" data-toggle="collapse" data-target="#bs-search" aria-controls="bs-search" aria-expanded="false"> <i class="glyphicon glyphicon-search"></i> </button> <a href="../" class="navbar-brand">代碼背包</a> </div> <nav id="bs-navbar" class="collapse navbar-collapse navbar-left"> <ul class="nav navbar-nav"> <li> <a href="index.html" onclick="" target="_blank">首頁</a> </li> <li> <a href="list.html" onclick="" target="_blank">java</a> </li> <li> <a href="javascript:;" onclick="" target="_blank">html+css</a> </li> <li> <a href="bookshelf.html" onclick="" target="_blank">php</a> </li> <li> <a href="bookshelf.html" onclick="" target="_blank">javascript</a> </li> <li> <a href="bookshelf.html" onclick="" target="_blank">ios</a> </li> <li class="dropdown"> <a href="javascript:;" onclick="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">其他<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="#">JAVA</a></li> </ul> </li> </ul> </nav> <ul class="nav navbar-nav collapse navbar-collapse navbar-right search-style" id="bs-search"> <form class="navbar-form navbar-left"> <div class="form-group"> <input type="text" class="form-control" placeholder="輸入關(guān)鍵字" id="search-content"> </div> <button type='button' onclick="submit_search()" class="btn btn-default glyphicon glyphicon-search">搜索</button> </form> </ul> </div></header> <!--具體內(nèi)容--> <div class="container bs-docs-container"> <!--推薦小說--> <div class="clearfix"> <div class="bs-example recommend-style col-sm-12 col-md-9 col-xs-12"> <div class="Fiction-title"><i class="icon-tushu Fiction-icon"></i>推薦小說</div> <div class="clearfix"> <div class="col-sm-6 col-md-3 col-xs-6"> <div class="thumbnail"> <a href="list.html" class="clearfix"> <div class="thumbnail-img"> <img data-src="holder.js/100%x200" alt="100%x200" src="images/126836s.jpg" data-holder-rendered="true" style="height: 220px; width: 100%; display: block;"> <h5 class=" author-name">作者：風(fēng)青陽</h5> </div> <div class="caption"> <div class="book-title clearfix"><h4 class="navbar-left">萬古第一神 </h4></div> <p class="recommend-summary">【百萬讀者收藏，熱銷榜、人氣榜第一作品！】 李天命做夢都要笑醒了。 他家的寵物，竟然都是傳說中的太古混沌巨獸！ 他的家雞，是以太陽為食...</p> </div> <span class="recommend-sheets">第1053章 恐怖的曦皇</span> </div> </a> </div> <div class="col-sm-6 col-md-3 col-xs-6"> <div class="thumbnail"> <div class="thumbnail-img"> <img data-src="holder.js/100%x200" alt="100%x200" src="images/126836s.jpg" data-holder-rendered="true" style="height: 220px; width: 100%; display: block;"> <h5 class=" author-name">作者：風(fēng)青陽</h5> </div> <div class="caption"> <div class="book-title clearfix"><h4 class="navbar-left">萬古第一神 </h4></div> <p class="recommend-summary">【百萬讀者收藏，熱銷榜、人氣榜第一作品！】 李天命做夢都要笑醒了。 他家的寵物，竟然都是傳說中的太古混沌巨獸！ 他的家雞，是以太陽為食...</p> </div> <span class="recommend-sheets">第1053章 恐怖的曦皇</span> </div> </div> <div class="col-sm-6 col-md-3 col-xs-6"> <div class="thumbnail"> <div class="thumbnail-img"> <img data-src="holder.js/100%x200" alt="100%x200" src="images/126836s.jpg" data-holder-rendered="true" style="height: 220px; width: 100%; display: block;"> <h5 class=" author-name">作者：風(fēng)青陽</h5> </div> <div class="caption"> <div class="book-title clearfix"><h4 class="navbar-left">萬古第一神 </h4></div> <p class="recommend-summary">【百萬讀者收藏，熱銷榜、人氣榜第一作品！】 李天命做夢都要笑醒了。 他家的寵物，竟然都是傳說中的太古混沌巨獸！ 他的家雞，是以太陽為食...</p> </div> <span class="recommend-sheets">第1053章 恐怖的曦皇</span> </div> </div> <div class="col-sm-6 col-md-3 col-xs-6"> <div class="thumbnail"> <div class="thumbnail-img"> <img data-src="holder.js/100%x200" alt="100%x200" src="images/126836s.jpg" data-holder-rendered="true" style="height: 220px; width: 100%; display: block;"> <h5 class=" author-name">作者：風(fēng)青陽</h5> </div> <div class="caption"> <div class="book-title clearfix"><h4 class="navbar-left">萬古第一神 </h4></div> <p class="recommend-summary">【百萬讀者收藏，熱銷榜、人氣榜第一作品！】 李天命做夢都要笑醒了。 他家的寵物，竟然都是傳說中的太古混沌巨獸！ 他的家雞，是以太陽為食...</p> </div> <span class="recommend-sheets">第1053章 恐怖的曦皇</span> </div> </div> </div> <!--小說類型--> <div class="Fiction-kind"> <div class="kind-title">小說種類</div> <div class="clearfix pad10"> <a href="#" class="btn btn-primary dropdown-toggle" >玄幻 <span class="badge">142</span></a> <a href="#" class="btn btn-danger dropdown-toggle" >科幻 <span class="badge">1142</span></a> <a href="#" class="btn btn-info dropdown-toggle" >都市言情 <span class="badge">2342</span></a> <a href="#" class="btn btn-primary dropdown-toggle" >穿越 <span class="badge">1242</span></a> <a href="#" class="btn btn-danger dropdown-toggle" >愛情 <span class="badge">742</span></a> <a href="#" class="btn btn-warning dropdown-toggle" >修仙 <span class="badge">542</span></a> <a href="#" class="btn btn-success dropdown-toggle" >魔幻 <span class="badge">442</span></a> <a href="#" class="btn btn-success dropdown-toggle" >恐怖 <span class="badge">442</span></a> <a href="#" class="btn btn-danger dropdown-toggle" >完結(jié) <span class="badge">442</span></a> </div> </div> </div> <!--熱門小說 --> <div class="col-sm-12 col-md-3 col-xs-12"> <div class="Fiction-title"><i class="icon-host Fiction-icon"></i>熱門小說</div> <ul class="clearfix hostlist"> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> </ul> </div> </div> <!--篩選--> <div class="clearfix species-module"> <div class="species-title"><span class="title-name">小說種類</span></div> <div class="species-list clearfix"> <div class="col-sm-12 col-md-4 col-xs-12"> <div class="species-info"> <div class="Fiction-type-title btn-default">科幻小說</div> <div class="Fiction-filter"> <div class="Fiction-irst clearfix"> <a href="#" class="clearfix"> <div class="Fiction-left-img"> <img src="images/126948s.jpg"> </div> <div class="Fiction-right-content"> <h4 >重生之都市仙尊</h4> <p class="Fiction-Introduction"> 伴隨著魂導(dǎo)科技的進(jìn)步，斗羅大陸上的人類征服了海洋，又發(fā)現(xiàn)了兩塊大陸。 魂獸也隨著人類魂師的獵殺無度走向滅亡， </p> </div> </a> </div> <ul class="Fiction-list clearfix"> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">醫(yī)武兵王</a>/血徒</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">驚世醫(yī)妃，腹黑九皇叔</a>/綠依</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">元尊</a>/天蠶土豆</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">伏天氏</a>/凈無痕</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">斗羅大陸IV終極斗羅</a>/唐家三</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">少滄元圖</a>/我吃</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">西紅柿</a>/血徒</li> </ul> </div> </div> </div> <div class="col-sm-12 col-md-4 col-xs-12"> <div class="species-info"> <div class="Fiction-type-title btn-default">科幻小說</div> <div class="Fiction-filter"> <div class="Fiction-irst clearfix"> <a href="#" class="clearfix"> <div class="Fiction-left-img"> <img src="images/126948s.jpg"> </div> <div class="Fiction-right-content"> <h4 >重生之都市仙尊</h4> <p class="Fiction-Introduction"> 伴隨著魂導(dǎo)科技的進(jìn)步，斗羅大陸上的人類征服了海洋，又發(fā)現(xiàn)了兩塊大陸。 魂獸也隨著人類魂師的獵殺無度走向滅亡， </p> </div> </a> </div> <ul class="Fiction-list clearfix"> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">醫(yī)武兵王</a>/血徒</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">驚世醫(yī)妃，腹黑九皇叔</a>/綠依</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">元尊</a>/天蠶土豆</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">伏天氏</a>/凈無痕</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">斗羅大陸IV終極斗羅</a>/唐家三</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">少滄元圖</a>/我吃</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">西紅柿</a>/血徒</li> </ul> </div> </div> </div> <div class="col-sm-12 col-md-4 col-xs-12"> <div class="species-info"> <div class="Fiction-type-title btn-default">科幻小說</div> <div class="Fiction-filter"> <div class="Fiction-irst clearfix"> <a href="#" class="clearfix"> <div class="Fiction-left-img"> <img src="images/126948s.jpg"> </div> <div class="Fiction-right-content"> <h4 >重生之都市仙尊</h4> <p class="Fiction-Introduction"> 伴隨著魂導(dǎo)科技的進(jìn)步，斗羅大陸上的人類征服了海洋，又發(fā)現(xiàn)了兩塊大陸。 魂獸也隨著人類魂師的獵殺無度走向滅亡， </p> </div> </a> </div> <ul class="Fiction-list clearfix"> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">醫(yī)武兵王</a>/血徒</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">驚世醫(yī)妃，腹黑九皇叔</a>/綠依</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">元尊</a>/天蠶土豆</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">伏天氏</a>/凈無痕</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">斗羅大陸IV終極斗羅</a>/唐家三</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">少滄元圖</a>/我吃</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">西紅柿</a>/血徒</li> </ul> </div> </div> </div> <div class="col-sm-12 col-md-4 col-xs-12"> <div class="species-info"> <div class="Fiction-type-title btn-default">科幻小說</div> <div class="Fiction-filter"> <div class="Fiction-irst clearfix"> <a href="#" class="clearfix"> <div class="Fiction-left-img"> <img src="images/126948s.jpg"> </div> <div class="Fiction-right-content"> <h4 >重生之都市仙尊</h4> <p class="Fiction-Introduction"> 伴隨著魂導(dǎo)科技的進(jìn)步，斗羅大陸上的人類征服了海洋，又發(fā)現(xiàn)了兩塊大陸。 魂獸也隨著人類魂師的獵殺無度走向滅亡， </p> </div> </a> </div> <ul class="Fiction-list clearfix"> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">醫(yī)武兵王</a>/血徒</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">驚世醫(yī)妃，腹黑九皇叔</a>/綠依</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">元尊</a>/天蠶土豆</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">伏天氏</a>/凈無痕</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">斗羅大陸IV終極斗羅</a>/唐家三</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">少滄元圖</a>/我吃</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">西紅柿</a>/血徒</li> </ul> </div> </div> </div> <div class="col-sm-12 col-md-4 col-xs-12"> <div class="species-info"> <div class="Fiction-type-title btn-default">科幻小說</div> <div class="Fiction-filter"> <div class="Fiction-irst clearfix"> <a href="#" class="clearfix"> <div class="Fiction-left-img"> <img src="images/126948s.jpg"> </div> <div class="Fiction-right-content"> <h4 >重生之都市仙尊</h4> <p class="Fiction-Introduction"> 伴隨著魂導(dǎo)科技的進(jìn)步，斗羅大陸上的人類征服了海洋，又發(fā)現(xiàn)了兩塊大陸。 魂獸也隨著人類魂師的獵殺無度走向滅亡， </p> </div> </a> </div> <ul class="Fiction-list clearfix"> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">醫(yī)武兵王</a>/血徒</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">驚世醫(yī)妃，腹黑九皇叔</a>/綠依</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">元尊</a>/天蠶土豆</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">伏天氏</a>/凈無痕</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">斗羅大陸IV終極斗羅</a>/唐家三</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">少滄元圖</a>/我吃</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">西紅柿</a>/血徒</li> </ul> </div> </div> </div> <div class="col-sm-12 col-md-4 col-xs-12"> <div class="species-info"> <div class="Fiction-type-title btn-default">科幻小說</div> <div class="Fiction-filter"> <div class="Fiction-irst clearfix"> <a href="#" class="clearfix"> <div class="Fiction-left-img"> <img src="images/126948s.jpg"> </div> <div class="Fiction-right-content"> <h4 >重生之都市仙尊</h4> <p class="Fiction-Introduction"> 伴隨著魂導(dǎo)科技的進(jìn)步，斗羅大陸上的人類征服了海洋，又發(fā)現(xiàn)了兩塊大陸。 魂獸也隨著人類魂師的獵殺無度走向滅亡， </p> </div> </a> </div> <ul class="Fiction-list clearfix"> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">醫(yī)武兵王</a>/血徒</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">驚世醫(yī)妃，腹黑九皇叔</a>/綠依</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">元尊</a>/天蠶土豆</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">伏天氏</a>/凈無痕</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">斗羅大陸IV終極斗羅</a>/唐家三</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">少滄元圖</a>/我吃</li> <li class="Fiction-name col-sm-12 col-md-6 col-xs-12"><a href="#">西紅柿</a>/血徒</li> </ul> </div> </div> </div> </div> </div> <!--更新記錄,最新入庫--> <div class="clearfix newlist"> <!--最新記錄--> <div class="new-record col-sm-12 col-md-9 col-xs-12"> <div class="Fiction-title"><i class="icon-news Fiction-icon"></i>最新更新小說</div> <ul class="renew-Fiction-list"> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-info ">都市言情</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">我的絕美冷艷總裁</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第一千二百一十五章 暴跳如雷的黑血上人</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-default ">玄幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">至尊不朽系統(tǒng)</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第八百九十章：五極影身，夜探古家（中）</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> <li class="renew-Fiction-info clearfix"> <span class=" col-sm-12 col-md-1 col-xs-12"><a href="#" class="label label-danger ">科幻</a></span> <span class="book-name col-sm-12 col-md-3 col-xs-12"><a href="#">逍遙高手混花都</a></span> <span class="Fiction-chapter col-sm-12 col-md-4 col-xs-12"><a href="#">第4140章 相見仙子</a></span> <span class=" col-sm-12 col-md-2 col-xs-12">暗夜行走</span> <span class=" col-sm-12 col-md-2 col-xs-12">20120-04-28</span> </li> </ul> </div> <!--最新入庫--> <div class="new-wareroom col-sm-12 col-md-3 col-xs-12"> <div class="Fiction-title"><i class="icon-news Fiction-icon"></i>最新入庫小說</div> <ul class="clearfix hostlist"> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> <li><span class="Fiction-type label label-danger navbar-left">言情</span><a href="#" class="host-title navbar-left">重生之都市仙尊</a><span class="navbar-right host-name">家三少</span></li> </ul> </div> </div> <div class="Links"> <div class="Fiction-title"><i class="icon-link Fiction-icon"></i>友情鏈接</div> <div class="Links-list"> <a href="#" class="Links-name">小說網(wǎng)</a><a href="#" class="Links-name">書旗網(wǎng)</a><a href="#" class="Links-name">小說網(wǎng)</a> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="copyright"> <p>本站所有小說為轉(zhuǎn)載作品，所有章節(jié)均由網(wǎng)友上傳，轉(zhuǎn)載至本站只是為了宣傳本書讓更多讀者欣賞。</p> Copyright ? 2020 筆趣閣(www.52bqg.com) All Rights Reserved. </div> </div> </footer> </body></html><script> /*********************************/ var topnode = document.querySelector('#header-top'); function change() { var bgheader = document.getElementById('integral-bgheader'); var y = document.scrollingElement.scrollTop; bgheader.style.opacity = (((y / 50) > 0.9) ? 0.9 : (y / 50)); if(y > 50) { topnode.classList.add("headerstyle"); } else { topnode.classList.remove("headerstyle"); } } document.addEventListener('touchmove', change); document.addEventListener('scroll', change); /**************搜索********************/ function submit_search(){ var name= $("#search-content").val(); if(name!=''){ window.location.href='list.html'; }else{ PromptBox('請輸入查詢信息!',2,false); } }</script>li {display: list-item;text-align: -webkit-match-parent;}ol, ul { list-style: none outside none; }.pad10{padding: 10px;}.header-top-nav{ box-shadow: 0px 4px 8px rgba(0,0,0,0.3);}.header-top-nav a{color: #122B40;}.hairline .navbar-header{ border-bottom: 1px solid #DDDDDD;}.header-top-nav .navbar-toggle{border: 1px solid #DDDDDD;}.header-top-nav .navbar-toggle .icon-bar{;background:#8C8C8C;}.header-top-nav .navbar-toggle.search-btn{ border: 0px;}.hairline .header-top-nav .search-style .form-group{}.hairline .header-top-nav .search-style .navbar-form{position: relative;z-index: 1; margin: 0px;}.hairline .header-top-nav .search-style .glyphicon-search{position: absolute; right: 15px; top:10px}.headerstyle{ position: fixed;z-index: 111; top:0px; width: 100%; left: 0px; background: #FFFFFF;}.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 5px; padding-left: 5px;}.hostlist,.Fiction-list,.renew-Fiction-list,.Fiction-chapter-list,.wareh-list{border: 0px;margin: 0px;outline: 0px;padding: 0px;}.hostlist li{ height: 30px; line-height: 30px; border-bottom: 1px dashed #F2F2F2; position: relative;z-index: 1;}.hostlist li .host-name{color: #999999;float:right; margin: 0px!important;}.hostlist li .host-title{ height: 30px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; width:60%; line-height: 30px; float: left;}.hostlist li .Fiction-type{ margin-top: 5px; margin-right: 5px;float: left;}.Fiction-kind{background: #ffefef; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); border-radius: 5px;}.Fiction-kind .kind-title{ text-align: center;font-weight: bold; font-size: 16px; border-bottom: 2px solid #31B0D5; height: 40px;}.Fiction-kind a{ margin: 5px ;}/****************************************/.species-module .species-title{ height: 60px; font-size: 24px; color: #31B0D5; font-weight: bold;text-align: center; line-height: 60px;position: relative;z-index: 1;}.species-module .species-title .title-name{background: #FFFFFF; padding: 10px 20px;position: relative;z-index: 2;}.species-module .species-title:before{content: '';position: absolute; width: 50%; height: 1px; background:#31B0D5;z-index:0; left: 25%; top:50%}.species-module .species-info{border: 1px solid #DDDDDD; border-radius:5px; margin-bottom:20px;}.species-module .species-info .Fiction-type-title{ height: 40px; line-height: 40px; padding: 0px 10px; border-bottom: 1px solid #DDDDDD; }.species-module .species-info .Fiction-filter{ padding: 10px;}.species-module .Fiction-filter .Fiction-irst{ position: relative;z-index: 1;}.species-module .Fiction-filter .Fiction-irst .Fiction-left-img{ width: 80px; margin-right: 10px; position: absolute;z-index: 11; left: 0px; top:0px;overflow: hidden;}.species-module .Fiction-filter .Fiction-irst .Fiction-left-img img{width: 100%; height: 100%;}.species-module .Fiction-filter .Fiction-irst .Fiction-right-content{padding-left: 90px; color: #000000;}.species-module .Fiction-filter .Fiction-irst .Fiction-Introduction{ height:66px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; width:100%; line-height: 24px; float: left; color: #999999;}.species-module .Fiction-list .Fiction-name{ height:30px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; line-height: 30px; float: left; color: #999999;}.newlist .renew-Fiction-list .renew-Fiction-info{color: #999999; min-height: 30px; line-height: 30px; border-bottom: 1px dashed #DDDDDD; margin: 5px 0px;}.newlist .renew-Fiction-list .renew-Fiction-info span{ height:30px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; line-height: 30px; }.Links{ margin-top: 20px;}.Links .Links-name{ margin: 5px 10px; color:#101010;}/**************************************/.footer { padding: 30px 0; border-top: 1px solid #e5e5e5; margin-top: 70px;}.footer .copyright{ text-align: center; color: #999999;}.breadcrumb .glyphicon {color: #EB9316;}/************翻頁******************/.book-article{ width: 100%; height: 800px;}.recommend-fiction{ }.recommend-fiction .recommend-list{border-bottom: 1px solid #DDDDDD;}/********************小說介紹***********************/.Fiction-content{}.Fiction-content .Fiction-introduce-img{position: relative;z-index: 1;}.Fiction-content .Fiction-status{position: absolute;z-index: 11; left: 0px; top:0px; background: #D9534F; padding: 5px 10px; color: #FFFFFF;}.Fiction-content .Fiction-introduce{border:1px solid #DDDDDD; padding: 10px; position: relative;z-index: 1;}.Fiction-content .Fiction-introduce-rules { line-height: 30px; border-bottom: 1px dashed #DDDDDD;}.Fiction-content .Fiction-info-con{color: #999999; line-height:24px; padding: 10px 0px;}.Fiction-content .Fiction-collect{position: absolute; right: 0px; top:0px}.hairline .Fiction-collect{display: block;position: initial;}.Fiction-chapter-list li{ height: 30px; line-height: 30px; padding: 0px 5px; border-bottom: 1px solid #f2f2f2; }.Fiction-chapter-list li a{display: block;}.Fiction-chapter-list li a:hover{ display: block;background: #F2F2F2;}.hairline .Fiction-chapter-list li:nth-child(2n){background:#f2f2f2;}.hairline .Fiction-chapter-list li:nth-child(odd){background: #FFFFFF;}/****************************************/.read-Fiction{ border: 1px solid #DDDDDD; margin: 15px 0px;}.read-Fiction .article-title{font-size: 24px; font-weight: bold; text-align:center; padding: 15px ;}.read-Fiction .read-operating{ padding: 10px; height:50px; border-bottom: 1px solid #DDDDDD;}.read-Fiction .read-operating a{ margin: 0px 10px;}.hairline .read-Fiction .read-operating{ padding: 0px; height:.75rem;overflow: hidden;}.hairline .read-operating a{ margin: 0px; border-radius: 0px; height:.73rem; padding: 6px 10px; font-size: .35rem;border-top: 0px;border-bottom: 0px;border-left:0px; }.hairline .read-operating a.closelamp, .hairline .read-operating a.openlamp{display:none}.hairline .box{ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: justify; -ms-flex-align: center; justify-content: space-between; align-content: center}.hairline .box-flex{ -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative;}.hairline .recommend-fiction{display: none;}.read-Fiction .article-content{ padding: 15px; line-height: 30px;}.read-Fiction .seesaw-article{ border-top: 1px solid #DDDDDD;}.read-Fiction .seesaw-article .seesaw-link{ width: 50%; display: block; float: left; text-align: center; height: 40px; line-height: 40px;border-right: 1px solid #dddddd; overflow: hidden;}.read-Fiction .seesaw-article .seesaw-link:last-child{border: 0px;}/****************搜索***********************/.search-content .search-result{ border: 1px solid #DDDDDD;border-radius: 5px; padding: 10px; margin: 15px 0px;position: relative;z-index: 1; height: 210px;}.search-content .search-result .search-result-img{ width: 140px; overflow: hidden;position: absolute; left: 10px;z-index: 11;top:10px; height: 190px;}.search-content .search-result .search-result-img img{ width: 100%;}.search-content .search-result .search-result-info{ padding-left: 160px;}.search-content .search-result .search-summary{ color: #999999; height:48px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break: break-all; line-height: 24px; margin-bottom: 5px;}.hairline .search-content .search-result .search-result-img{width:2.5rem;}.hairline .search-content .search-result .search-result-info{ padding-left: 2.6rem;}.hairline .search-content h4{font-size: .35rem; padding: 0px 5px;overflow: hidden; margin-top: 0px;}.hairline .search-content p{font-size: .25rem; margin-bottom: .1rem;}.hairline .search-content .search-result .search-summary{padding: 0px 5px; font-size: .25rem; line-height: .4rem; height: .8rem;}.hairline .search-content .read-operate{ position: absolute; width: 100%; left: 0px; bottom: 0px;}.hairline .search-content .search-result{ height: 4.5rem;overflow: hidden;}.hairline .search-content .read-operate .btn{ width: 50%; float: left;border-radius: 0px;}/*********************************/.bookshelf-style .col-sm-6,.bookshelf-style .col-md-3,.bookshelf-style .col-xs-6{ padding-left: 10px; padding-right: 10px; width: 20%;}.hairline .bookshelf-style .col-sm-6,.hairline .bookshelf-style .col-md-3,.hairline .bookshelf-style .col-xs-6{width: 50%;}.bookshelf-operate a{ width: 50%;float: left; border-radius:0px ;}.hairline .bookshelf-operate a{font-size: .3rem; padding: 6px 10px;}請 “ 點贊” “??評論” “ 收藏”一鍵三連哦！ 【 關(guān)注我| 獲取更多源碼 | 優(yōu)質(zhì)文章】帶您學(xué)習(xí)各種前端插件、3D炫酷效果、圖片展示、文字效果、以及整站模板 、大學(xué)生畢業(yè)HTML模板 、期末大作業(yè)模板 、等! 「在這里有好多 前端 開發(fā)者，一起探討 前端 Node 知識，互相學(xué)習(xí)」！關(guān)鍵詞：小說,靜態(tài),大學(xué)生,設(shè)計,閱讀,模板,書籍
客戶&案例
微信公眾號
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
