bookdetail.html 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  6. <link rel="shortcut icon" href="favicon.ico" />
  7. <link rel="bookmark" href="favicon.ico" type="image/x-icon"   />
  8. <title>2023年中国航油-管理年鉴</title>
  9. <link rel="stylesheet" href="css/mui.min.css">
  10. <link rel="stylesheet" href="css/reset.css" />
  11. <link rel="stylesheet" href="css/main.css" />
  12. <style>
  13. .m-artical-action-mid {
  14. position: fixed;
  15. width: 100%;
  16. height: 40%;
  17. top: 30%;
  18. z-index: 9998;
  19. }
  20. #muluList {
  21. /*避免导航边框和列表背景边框重叠,看起来像两条边框似得;*/
  22. margin-top: -1px;
  23. }
  24. #muluList,
  25. #muluList .mui-table-view,
  26. .list-li-a,
  27. .mui-table-view-cell>a:not(.mui-btn).mui-active {
  28. background-color: #e9dfc7;
  29. }
  30. .highChapter {
  31. color: red !important;
  32. }
  33. </style>
  34. </head>
  35. <body>
  36. <div>
  37. <!--中间点击层-->
  38. <div class="m-artical-action">
  39. <div class="m-artical-action-mid" id="action_mid"></div>
  40. </div>
  41. <!--顶部导航-->
  42. <div class="nav-top" id="nav_top" style="display: none;">
  43. <div class="nav_container">
  44. <div class="nav_return nav_back_book"></div>
  45. <div class="nav_text nav_back_book" id="nav_text">返回首页</div>
  46. </div>
  47. </div>
  48. <!--主体内容-->
  49. <header id="header" class="top_mulu_box">
  50. <div class="top_mulu_return nav_back_book">
  51. < </div>
  52. <div class="top_mulu_text nav_back_book" id="ChapterTitle"></div>
  53. </header>
  54. <div class="container">
  55. <div class="Content">
  56. </div>
  57. <div class="page_btn">
  58. <button class="btn-prev" id="btn_prev">上一章</button>
  59. <button class="btn-next" id="btn_next">下一章</button>
  60. </div>
  61. </div>
  62. <!--底部导航栏 -->
  63. <div class="nav-bottom" id="nav_bottom" style="display: none;">
  64. <div class="btn-mulu">
  65. <div class="mulu">
  66. <div class="icon_mulu" id="icon_mulu"> </div>
  67. <div class="text_mulu">目录</div>
  68. </div>
  69. </div>
  70. <div class="btn-model">
  71. <div class="model">
  72. <div class="icon-yejian" id="icon_model"> </div>
  73. <div class="text_yejian">夜间</div>
  74. </div>
  75. </div>
  76. <div class="btn_Aa">
  77. <div class="Aa">
  78. <div class="icon-Aa" id="icon_Aa"> </div>
  79. <div class="text_Aa">设置</div>
  80. </div>
  81. </div>
  82. <!--字体功能栏-->
  83. <div class="fontPop" id="font_Pop" style="display: none;">
  84. <div class="fontItem">
  85. <span class="fontItemTitle">字号</span>
  86. <div class="fontItemCons">
  87. <button class="btn_Big" id="btn_Big">大</button>
  88. <button class="btn_Small" id="btn_Small">小</button>
  89. </div>
  90. </div>
  91. <div class="fontItem">
  92. <span class="fontItemTitle">背景</span>
  93. <div class="fontItemCons" id="bk-list">
  94. <div class="bk-item" id="mb">
  95. <div class="bk-container" style="background-color: #f7eee5;"></div>
  96. <span>米白</span>
  97. </div>
  98. <div class="bk-item" id="zz">
  99. <div class="bk-container" style="background-color: #e9dfc7;"></div>
  100. <span>纸张</span>
  101. </div>
  102. <div class="bk-item" id="qh">
  103. <div class="bk-container" style="background-color: #a4a4a4;"></div>
  104. <span>浅灰</span>
  105. </div>
  106. <div class="bk-item" id="hy">
  107. <div class="bk-container" style="background-color: #cdefce;"></div>
  108. <span>护眼</span>
  109. </div>
  110. <div class="bk-item" id="hl">
  111. <div class="bk-container" style="background-color: #283548;"></div>
  112. <span>海蓝</span>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. <!-- 目录 -->
  118. <div class="muluBox" id="mulu_Box" style="display: none;">
  119. <div class="muluMask" id="mulu_Mask">
  120. </div>
  121. <div class="muluCons" id="mulu_Cons">
  122. <div class="muluTitle">
  123. <div>共<span id="ChapterTotal"></span>章</div>
  124. <!-- <div>倒叙/正序</div> -->
  125. </div>
  126. <div class="mui-content">
  127. <ul id="muluList" class="mui-table-view mui-table-view-chevron">
  128. </ul>
  129. </div>
  130. </div>
  131. </div>
  132. </div>
  133. </div>
  134. <script src="js/mui.min.js"></script>
  135. <script type="text/javascript" src="js/jquery.min.js"></script>
  136. <script type="text/javascript" src="js/jquery.jsonp.js"></script>
  137. <script type="text/javascript" src="js/jquery.base64.js"></script>
  138. <script>
  139. //移动设备的高度
  140. let deviceHeight = document.documentElement.clientHeight;
  141. // $('.container').css('height', deviceHeight+'px')
  142. //
  143. var Dom = {
  144. font_Pop: $("#font_Pop"),
  145. nav_top: $("#nav_top"),
  146. nav_bottom: $("#nav_bottom"),
  147. icon_Aa: $("#icon_Aa"),
  148. body: $("body"),
  149. win: $(window),
  150. icon_model: $("#icon_model"),
  151. btn_Big: $("#btn_Big"),
  152. btn_Small: $("#btn_Small"),
  153. icon_mulu: $("#icon_mulu"),
  154. mulu_Box: $("#mulu_Box"),
  155. mulu_Mask: $("mulu_Mask"),
  156. mulu_Cons: $("#mulu_Cons"),
  157. muluList: $("#muluList"),
  158. bkList: $("#bk-list"),
  159. header: $("#header")
  160. }
  161. //数据层的初始化
  162. var RootContainer = $('.Content');
  163. var readerUIFrame = ReaderBaseFrame(RootContainer);
  164. var readerMuluFrame = ReaderMuluFrame(Dom.muluList)
  165. var File_id = 0;
  166. var Chapter_id = 0;
  167. var ChapterTotal = 0;
  168. var ChapterList = [];
  169. var readerm = ReaderModel();
  170. readerm.init(function(data, mulu) {
  171. readerUIFrame(data);
  172. ChapterList = mulu;
  173. readerMuluFrame(mulu);
  174. $("#ChapterTitle").text(data.t);
  175. });
  176. //业务事件的初始化
  177. EventHandler();
  178. var Util = (function() { //封装的本地存储和json数据解析
  179. var prefix = 'function_reader_';
  180. var StorageGetter = function(key) {
  181. return localStorage.getItem(prefix + key);
  182. }
  183. var StorageSetter = function(key, val) {
  184. return localStorage.setItem(prefix + key, val);
  185. }
  186. //通过url来获取加密信息,并解密
  187. var getJsonp = function(url, callback) {
  188. return $.jsonp({
  189. url: url,
  190. cache: true,
  191. callback: 'duokan_fiction_chapter',
  192. success: function(result) {
  193. //获取加密信息,解码、转json
  194. var data = $.base64.decode(result);
  195. var json = decodeURIComponent(escape(data));
  196. callback(json);
  197. }
  198. })
  199. }
  200. return {
  201. getJsonp: getJsonp,
  202. StorageGetter: StorageGetter,
  203. StorageSetter: StorageSetter
  204. }
  205. })();
  206. //背景颜色 存储记录
  207. var bkgroundcolor = Util.StorageGetter("bkgroundcolor");
  208. var bkCurrColor = Util.StorageGetter("bkgroundcolor");
  209. Dom.body.css('background-color', bkgroundcolor);
  210. //字号大小 设置存储记录
  211. var InitFontSize;
  212. InitFontSize = Util.StorageGetter("font_size");
  213. InitFontSize = parseInt(InitFontSize);
  214. if (!InitFontSize) {
  215. InitFontSize = 18;
  216. }
  217. $("p").css('font-size', InitFontSize);
  218. $("h4").css('font-size', InitFontSize);
  219. function ReaderBaseFrame(container) { //UI渲染层
  220. function ParseChapterData(jsonData) { //生成要展示的 html文本
  221. let jsonObj = jsonData;
  222. CurrFontSize = Util.StorageGetter("font_size");
  223. CurrFontSize = parseInt(CurrFontSize);
  224. if (!CurrFontSize) {
  225. CurrFontSize = 18;
  226. }
  227. TitleFontSize = CurrFontSize + 6;
  228. let html = "<br/><br/><br/><br/><br/><h4 style='font-size: " + TitleFontSize + "px'>" + jsonObj.t + "</h4><br/>";
  229. if (jsonObj.ct) {
  230. let hLevel = 4;
  231. for (let i = 0; i < jsonObj.ct.length; i++) {
  232. hLevel -= 1;
  233. html += `<h${hLevel}>${jsonObj.ct[i]}</h${hLevel}><br/>`;
  234. }
  235. }
  236. for (let i = 0; i < jsonObj.p.length; i++) {
  237. if (Chapter_id == 0) {
  238. html += "<div>" + jsonObj.p[i] + "</div>";
  239. } else {
  240. html += "<p style='font-size: " + CurrFontSize + "px'>" + jsonObj.p[i] + "</p>";
  241. }
  242. }
  243. html = html.replace("##", )
  244. return html;
  245. }
  246. return function(data) { //返回 渲染后的结果data:解密后的json数据
  247. container.html(ParseChapterData(data));
  248. }
  249. }
  250. function ReaderMuluFrame(container) { //目录UI渲染层
  251. function ParseChapterMuluData(jsonData) { //生成要展示的 html文本
  252. let mulu = '';
  253. for (let i = 0; i < jsonData.length; i++) {
  254. let jsonObj = jsonData[i];
  255. if (jsonObj.children) {
  256. mulu +=
  257. `<li class="mui-table-view-cell mui-collapse parentLi"><a class="mui-navigate-right list-li-a" data-cid="${jsonObj.chapter_id}" data-fid="${jsonObj.file_id}" href="#">${jsonObj.title}</a><ul class="mui-table-view mui-table-view-chevron">`;
  258. for (let k = 0; k < jsonObj.children.length; k++) {
  259. mulu += `<li class="mui-table-view-cell"><a class="mui-navigate-right list-li-a" data-cid="${jsonObj.children[k].chapter_id}" data-fid="${jsonObj.children[k].file_id}" href="#">
  260. ${jsonObj.children[k].title}</a></li>`;
  261. }
  262. mulu += '</ul></li>';
  263. } else {
  264. mulu += `<li class="mui-table-view-cell parentLi"><a class="mui-navigate-right list-li-a" data-cid="${jsonObj.chapter_id}" data-cid="${jsonObj.file_id}" href="#">${jsonObj.title}
  265. </a></li>`;
  266. }
  267. }
  268. mulu = mulu.replace("##", );
  269. return mulu;
  270. }
  271. return function(data) { //返回 渲染后的结果data:解密后的json数据
  272. container.html(ParseChapterMuluData(data));
  273. }
  274. }
  275. function ReaderModel() { //数据交互层
  276. //todo 获取章节信息
  277. var init = function(Uicallback) { //初始化 信息
  278. getFictionInfo(function(mulu) {
  279. getCurChaptInfo(Chapter_id, function(data) {
  280. //todo
  281. Uicallback && Uicallback(data, mulu);
  282. })
  283. })
  284. };
  285. var getFictionInfo = function(callback) { //获取所有章节摘要信息
  286. $.get('data/chapter.json', function(data) {
  287. //todo 获取章节信息之后的回调
  288. Chapter_id = parseInt(Util.StorageGetter("ChapterId"));
  289. File_id = parseInt(Util.StorageGetter("FileId"));
  290. let list = data.chapters;
  291. for (let i = 0; i < list.length - 1; i++) {
  292. if (!isFinite(Chapter_id) && list[i].type !== 'file') {
  293. Chapter_id = list[i].chapter_id;
  294. File_id = list[i].file_id;
  295. }
  296. if (list[i].children) {
  297. ChapterTotal += list[i].children.length
  298. if (!isFinite(Chapter_id)) {
  299. Chapter_id = list[i].children[0].chapter_id;
  300. File_id = list[i].children[0].file_id;
  301. }
  302. }
  303. }
  304. callback && callback(list);
  305. }, 'json');
  306. };
  307. var getCurChaptInfo = function(Chapter_id, callback) { //获取当前Chapter_id章节详细信息
  308. // $.get('data/data' + Chapter_id + '.json', function(data,status) {
  309. // //todo 获取详细信息之后的回调
  310. // console.log(status,'status')
  311. // if (data.result == 0) {
  312. // // var url=data.jsonp;
  313. // // Util.getJsonp(url,function(data){
  314. // callback && callback(data);
  315. // $("#ChapterTitle").text(data.t);
  316. // // });//通过url来获取加密信息,并解密
  317. // }
  318. // }, 'json');
  319. $.getJSON('data/data' + Chapter_id + '.json')
  320. .done(function(data) {
  321. // 请求成功,文件存在
  322. // console.log("文件存在", data);
  323. if (data.result == 0) {
  324. callback && callback(data);
  325. }
  326. })
  327. .fail(function(jqXHR, textStatus, errorThrown) {
  328. // console.log("文件不存在",jqXHR);
  329. callback && callback({
  330. p: [],
  331. t: "",
  332. result: 0
  333. });
  334. // 请求出错,文件不存在
  335. // if (jqXHR.status === 404) {
  336. // console.log("文件不存在");
  337. // } else {
  338. // console.log("请求出错");
  339. // }
  340. });
  341. };
  342. var prveChapter = function() { //上一页
  343. Chapter_id = parseInt(Chapter_id);
  344. if (Chapter_id == 0) {
  345. return;
  346. }
  347. Chapter_id -= 1;
  348. //调用方法获取 Chapter_id章节信息
  349. getCurChaptInfo(Chapter_id, function(data) {
  350. // console.log(data, 'data')
  351. readerUIFrame(data); //渲染html数据
  352. });
  353. Util.StorageSetter("ChapterId", Chapter_id);
  354. //
  355. updateFileId()
  356. };
  357. var nextChapter = function() { //下一页
  358. Chapter_id = parseInt(Chapter_id);
  359. if (Chapter_id == ChapterTotal) {
  360. return;
  361. }
  362. Chapter_id += 1;
  363. //调用方法获取 Chapter_id章节信息
  364. getCurChaptInfo(Chapter_id, function(data) {
  365. //console.log(data);
  366. readerUIFrame(data);
  367. });
  368. Util.StorageSetter("ChapterId", Chapter_id);
  369. //
  370. updateFileId()
  371. };
  372. var jumpChapter = function() { //跳页
  373. Chapter_id = parseInt(Chapter_id);
  374. File_id = parseInt(File_id);
  375. //调用方法获取 Chapter_id章节信息
  376. getCurChaptInfo(Chapter_id, function(data) {
  377. //console.log(data);
  378. readerUIFrame(data); //渲染html数据
  379. });
  380. Util.StorageSetter("ChapterId", Chapter_id);
  381. Util.StorageSetter("FileId", File_id);
  382. updateFileId()
  383. };
  384. var updateFileId = function() { //更新目录一级 file_id
  385. for (let item of ChapterList) {
  386. if (item.type === 'file') {
  387. let obj = item.children.find(child => child.chapter_id == Chapter_id)
  388. if (obj) {
  389. File_id = obj.file_id;
  390. $("#ChapterTitle").text(obj.title);
  391. break;
  392. }
  393. } else {
  394. if (Chapter_id === item.chapter_id) {
  395. File_id = item.file_id;
  396. $("#ChapterTitle").text(item.title);
  397. break;
  398. }
  399. Util.StorageSetter("FileId", File_id);
  400. }
  401. }
  402. }
  403. return {
  404. init: init,
  405. prveChapter: prveChapter,
  406. nextChapter: nextChapter,
  407. jumpChapter: jumpChapter,
  408. }
  409. }
  410. function EventHandler() { //业务事件处理层
  411. //点击主体中间事件
  412. $("#action_mid").click(function() {
  413. if (Dom.nav_top.css('display') == "none") {
  414. // Dom.nav_top.show();
  415. // Dom.nav_bottom.show();
  416. actExtraDialog(true)
  417. } else {
  418. actAllDialog(false)
  419. // Dom.nav_top.hide();
  420. // Dom.nav_bottom.hide();
  421. // Dom.font_Pop.hide();
  422. // Dom.icon_Aa.css('border', '');
  423. // Dom.icon_model.css('border', '');
  424. // Dom.mulu_Box.hide();
  425. // Dom.mulu_Mask.hide();
  426. // Dom.mulu_Cons.hide();
  427. // Dom.icon_mulu.css('border', '');
  428. }
  429. });
  430. //点击返回事件
  431. // $("#nav_text").click(function(){
  432. // window.location = "./pages/bookstand.html";
  433. // });
  434. $(".nav_back_book").click(function() {
  435. // window.location = "./pages/bookstand.html";
  436. Chapter_id = parseInt(Chapter_id);
  437. if (Chapter_id == 0) {
  438. return;
  439. }
  440. if (Dom.nav_top.css('display') == "none") {
  441. return;
  442. }
  443. Chapter_id = 0;
  444. readerm.jumpChapter();
  445. });
  446. //点击目录事件
  447. $(".icon_mulu").click(function() {
  448. if (Dom.mulu_Box.css('display') == 'none') {
  449. // Dom.icon_mulu.css('border', '1px solid #FF7800');
  450. Dom.mulu_Box.show();
  451. Dom.nav_top.hide();
  452. Dom.mulu_Mask.show();
  453. Dom.mulu_Cons.show();
  454. //章节总数赋值
  455. $('#ChapterTotal').text(ChapterTotal)
  456. //给当前选中章节高亮
  457. let optDom = $(".parentLi")[File_id];
  458. $(optDom).addClass("mui-active");
  459. $($(optDom).find("a")).each((i, aNode) => {
  460. if ($(aNode).data('cid') == Chapter_id) {
  461. $(aNode).addClass("highChapter")
  462. } else {
  463. $(aNode).removeClass("highChapter")
  464. }
  465. })
  466. } else {
  467. // Dom.icon_mulu.css('border', '');
  468. // Dom.mulu_Box.hide();
  469. // Dom.mulu_Mask.hide();
  470. // Dom.mulu_Cons.hide();
  471. muluUpdateActive();
  472. actMuluDialog(false);
  473. }
  474. Dom.icon_Aa.css('border', '');
  475. Dom.font_Pop.hide();
  476. });
  477. //点击目录列表进行指定跳转
  478. Dom.muluList.on("click", function(e) {
  479. let cid = $(e.target).data('cid');
  480. if (!cid) {
  481. return
  482. }
  483. Chapter_id = cid;
  484. File_id = $(e.target).data('fid');
  485. $("#ChapterTitle").text(e.target.text);
  486. muluUpdateActive();
  487. readerm.jumpChapter();
  488. actAllDialog(false)
  489. window.scrollTo(0,0);
  490. })
  491. // 点击弹窗内容以外的地方关闭弹窗
  492. $("#mulu_Mask").on('click', function(e) {
  493. // if ($(e.target).closest('#mui-content').length > 0) {
  494. // console.log('弹出框内部被点击了');
  495. // } else {
  496. // console.log('弹出框以外的部分被点击了');
  497. // 关闭弹框
  498. actAllDialog(false)
  499. // }
  500. });
  501. //点击字体事件
  502. $(".btn_Aa").click(function() {
  503. if (Dom.font_Pop.css('display') == 'none') {
  504. // Dom.icon_Aa.css('border', '1px solid #FF7800');
  505. Dom.font_Pop.show();
  506. } else {
  507. Dom.icon_Aa.css('border', '');
  508. Dom.font_Pop.hide();
  509. }
  510. Dom.icon_mulu.css('border', '');
  511. Dom.mulu_Box.hide();
  512. Dom.mulu_Mask.hide();
  513. Dom.mulu_Cons.hide();
  514. });
  515. //滚动条事件
  516. Dom.win.scroll(function() {
  517. actAllDialog(false)
  518. // Dom.nav_top.hide();
  519. // Dom.nav_bottom.hide();
  520. // Dom.font_Pop.hide();
  521. // Dom.mulu_Box.hide();
  522. // Dom.mulu_Mask.hide();
  523. // Dom.mulu_Cons.hide();
  524. // Dom.icon_Aa.css('border', '');
  525. // Dom.icon_model.css('border', '');
  526. // Dom.icon_mulu.css('border', '');
  527. })
  528. //点击 大、小事件
  529. Dom.btn_Big.click(function() {
  530. if (InitFontSize >= 24) {
  531. return;
  532. }
  533. InitFontSize += 1;
  534. $("p").css('font-size', InitFontSize);
  535. $("h4").css('font-size', InitFontSize);
  536. Util.StorageSetter("font_size", InitFontSize);
  537. });
  538. Dom.btn_Small.click(function() {
  539. if (InitFontSize <= 16) {
  540. return;
  541. }
  542. InitFontSize -= 1;
  543. $("p").css('font-size', InitFontSize);
  544. $("h4").css('font-size', InitFontSize);
  545. Util.StorageSetter("font_size", InitFontSize);
  546. });
  547. //点击夜间&日间 切换模式
  548. Dom.icon_model.click((e) => {
  549. if ($(e.target).hasClass("icon-yejian")) {
  550. //日间模式转夜间模式
  551. Dom.icon_model.removeClass("icon-yejian").addClass("icon-rijian");
  552. Dom.icon_model.siblings().text("日间");
  553. bkCurrColor = '#283548';
  554. updateBgColor($("#hl").find(".bk-container"))
  555. } else {
  556. //夜间模式转日间模式
  557. Dom.icon_model.removeClass("icon-rijian").addClass("icon-yejian");
  558. Dom.icon_model.siblings().text("夜间");
  559. bkCurrColor = Util.StorageGetter("bkHistory");
  560. model = Util.StorageGetter("model") || "zz";
  561. updateBgColor($("#" + model).find(".bk-container"))
  562. }
  563. });
  564. //点击背景颜色切换
  565. Dom.bkList.on("click", function(e) {
  566. if (!$(e.target).hasClass("bk-container")) {
  567. return
  568. }
  569. bkCurrColor = $(e.target)[0].style.backgroundColor;
  570. updateBgColor($(e.target), "bgCheck")
  571. })
  572. //
  573. var updateBgColor = function(target, type) {
  574. $(target).addClass("bk-container-current");
  575. Dom.body.css('background-color', bkCurrColor);
  576. Dom.header.css('background-color', bkCurrColor);
  577. //更新日夜模式
  578. let model = $(target).parent(".bk-item")[0].id;
  579. if (model === 'hl') {
  580. //记录夜间模式前的背景颜色和模式
  581. Util.StorageSetter("bkHistory", Util.StorageGetter("bkgroundcolor") || "#e9dfc7");
  582. if (type === "bgCheck") {
  583. //点击的背景颜色选择,需要更新模式 转为日间显示
  584. Dom.icon_model.removeClass("icon-yejian").addClass("icon-rijian");
  585. Dom.icon_model.siblings().text("日间");
  586. }
  587. } else {
  588. Util.StorageSetter("model", model);
  589. if (type === "bgCheck") {
  590. //点击的背景颜色选择,需要更新模式 转为夜间显示
  591. Dom.icon_model.removeClass("icon-rijian").addClass("icon-yejian");
  592. Dom.icon_model.siblings().text("夜间");
  593. }
  594. }
  595. let optDom = $(target).parent(".bk-item").siblings();
  596. $(optDom).each((i, liDom) => {
  597. $($(liDom).find(".bk-container")).removeClass("bk-container-current")
  598. })
  599. Util.StorageSetter("bkgroundcolor", bkCurrColor);
  600. }
  601. $("#btn_prev").click(function() {
  602. window.scrollTo(0,0);
  603. readerm.prveChapter();
  604. });
  605. $("#btn_next").click(function() {
  606. window.scrollTo(0,0);
  607. readerm.nextChapter();
  608. });
  609. }
  610. //整体弹窗 展示控制
  611. function actAllDialog(flag) {
  612. actLightDialog(flag);
  613. actFontDialog(flag);
  614. actMuluDialog(flag);
  615. actExtraDialog(flag);
  616. }
  617. //光亮设置 展示控制
  618. function actLightDialog(flag) {
  619. //展示
  620. if (flag) {
  621. return
  622. }
  623. //隐藏
  624. Dom.icon_model.css('border', '');
  625. }
  626. //字体设置 展示控制
  627. function actFontDialog(flag) {
  628. //展示
  629. if (flag) {
  630. return
  631. }
  632. //隐藏
  633. Dom.font_Pop.hide();
  634. Dom.icon_Aa.css('border', '');
  635. }
  636. //目录设置 展示控制
  637. function actMuluDialog(flag) {
  638. //展示
  639. if (flag) {
  640. return
  641. }
  642. //隐藏
  643. Dom.mulu_Box.hide();
  644. Dom.mulu_Mask.hide();
  645. Dom.mulu_Cons.hide();
  646. Dom.icon_mulu.css('border', '');
  647. }
  648. //其他设置 展示控制
  649. function actExtraDialog(flag) {
  650. //展示
  651. if (flag) {
  652. Dom.nav_top.show();
  653. Dom.nav_bottom.show();
  654. return
  655. }
  656. //隐藏
  657. Dom.nav_top.hide();
  658. Dom.nav_bottom.hide();
  659. }
  660. //给当前选中章节高亮,去掉其他
  661. function muluUpdateActive() {
  662. $(".parentLi").each((i, liDom) => {
  663. $($(liDom).find("a")).each((i, aNode) => {
  664. if ($(aNode).data('fid') == File_id) {
  665. $(liDom).addClass("mui-active")
  666. } else {
  667. $(liDom).removeClass("mui-active")
  668. }
  669. if ($(aNode).data('cid') == Chapter_id) {
  670. $(aNode).addClass("highChapter")
  671. } else {
  672. $(aNode).removeClass("highChapter")
  673. }
  674. })
  675. })
  676. }
  677. </script>
  678. </body>
  679. </html>