http://www.dawoqi.cn/templates/moban038/js/index.js

1//index.js//
2
3var fun = function (doc, win) {
4    var docEl = doc.documentElement,
5        resizeEvt = "orientationchange" in window ? "orientationchange" : "resize",
6        recalc = function () {
7            var clientWidth = docEl.clientWidth;
8            if (!clientWidth) return;
9            docEl.style.fontSize = 10 * (clientWidth / 750) + "px";
10        };
11    if (!doc.addEventListener) return;
12    win.addEventListener(resizeEvt, recalc, false);
13    doc.addEventListener("DOMContentLoaded", recalc, false);
14};
15fun(document, window);
16
17$(document).ready(function () {
18    if ($('.left-nav').length > 0) {
19        $(".chapter-num:first").show();
20        $(".chapter-num:not(:first)").hide();
21        $(".left-nav .nav-ul li:first").addClass('active');
22
23        var leftNav = $(".left-nav");
24        var leftNavOffset = leftNav.offset().top;
25        var leftNavWidth = leftNav.width();
26        var navOriginalPosition = leftNavOffset;
27
28        $(window).scroll(function () {
29            var scrollPos = $(window).scrollTop();
30            if (scrollPos >= leftNavOffset) {
31                if (!leftNav.hasClass("left-nav-fixed")) {
32                    leftNav.addClass("left-nav-fixed");
33                    leftNav.width(leftNavWidth);
34                    leftNav.after("<div class='left-nav-placeholder' style='height:" + leftNav.height() + "px'></div>");
35                }
36            } else {
37                leftNav.removeClass("left-nav-fixed");
38                leftNav.css("width", "");
39                $(".left-nav-placeholder").remove();
40            }
41        });
42
43        $(window).resize(function () {
44            leftNavOffset = $(".left-nav").offset().top;
45            if (!leftNav.hasClass("left-nav-fixed")) {
46                leftNavWidth = leftNav.width();
47            }
48            navOriginalPosition = leftNavOffset;
49        });
50
51        $(".left-nav .nav-ul li").click(function () {
52            $('html, body').animate({
53                scrollTop: navOriginalPosition
54            }, 300);
55            var index = $(this).index();
56            $(this).addClass('active').siblings().removeClass('active');
57            $(".chapter-num").eq(index).show().siblings(".chapter-num").hide();
58        });
59    };
60});
61
62$(document).ready(function () {
63    if ($('.list_con').length > 0) {
64        let ias = new InfiniteAjaxScroll('.list_con', {
65            item: '.list_item',
66            next: '.page-next a',
67            pagination: '.page-box',
68
69            spinner: {
70                element: '.more_load',
71                delay: 1000,
72                show: function (element) {
73                    element.style.opacity = '1';
74                },
75                hide: function (element) {
76                    element.style.opacity = '0';
77                }
78            },
79
80            trigger: {
81                element: '.trigger',
82                when: function (pageIndex) {
83                    if (pageIndex > 3) {
84                        return true;
85                    }
86                },
87                show: function (element) {
88                    element.style.opacity = '1';
89                },
90                hide: function (element) {
91                    element.style.opacity = '0';
92                }
93            }
94        });
95
96        ias.on('last', function () {
97            let el = document.querySelector('.no-more');
98            el.style.opacity = '1';
99        });
100    };
101});
102
103//roll-list//
104
105$(document).ready(function () {
106    if ($('.roll-list-item').length > 0) {
107        var newsItems = $('.roll-list-item');
108        var totalItems = newsItems.length;
109        var itemsPerPage = 5;
110        var totalPages = Math.ceil(totalItems / itemsPerPage);
111        var currentPage = 0;
112
113        showPage(currentPage);
114
115        setInterval(function () {
116            hidePage(currentPage);
117            currentPage = (currentPage + 1) % totalPages;
118            setTimeout(function () {
119                showPage(currentPage);
120            }, 800);
121        }, 5000);
122
123        function showPage(page) {
124            var startIndex = page * itemsPerPage;
125            var endIndex = Math.min(startIndex + itemsPerPage, totalItems);
126
127            for (var i = startIndex; i < endIndex; i++) {
128                $(newsItems[i]).css('display', 'block');
129                setTimeout(function (item) {
130                    return function () {
131                        $(item).addClass('active');
132                    }
133                }(newsItems[i]), 50 * (i - startIndex));
134            }
135        }
136
137        function hidePage(page) {
138            var startIndex = page * itemsPerPage;
139            var endIndex = Math.min(startIndex + itemsPerPage, totalItems);
140
141            for (var i = startIndex; i < endIndex; i++) {
142                $(newsItems[i]).removeClass('active');
143                setTimeout(function (item) {
144                    return function () {
145                        if (!$(item).hasClass('active')) {
146                            $(item).css('display', 'none');
147                        }
148                    }
149                }(newsItems[i]), 800);
150            }
151        }
152    };
153});