完本感言

;   <li data-num="250"></li>

    <li data-num="251"></li>

    <li data-num="252"></li>

    <li data-num="253"></li>

    <li data-num="254"></li>

    <li data-num="255"></li>

    <li data-num="256"></li>

    <li data-num="257"></li>

    <li data-num="258"></li>

    <li data-num="259"></li>

    <li data-num="260"></li>

    <li data-num="261"></li>

    <li data-num="262"></li>

    <li data-num="263"></li>

    <li data-num="264"></li>

    <li data-num="265"></li>

    <li data-num="266"></li>

    <li data-num="267"></li>

    <li data-num="268"></li>

    <li data-num="269"></li>

    <li data-num="270"></li>

    <li data-num="271"></li>

    <li data-num="272"></li>

    <li data-num="273"></li>

    <li data-num="274"></li>

    <li data-num="275"></li>

    <li data-num="276"></li>

    <li data-num="277"></li>

    <li data-num="278"></li>

    <li data-num="279"></li>

    <li data-num="280"></li>

    <li data-num="281"></li>

    <li data-num="282"></li>

    <li data-num="283"></li>

    <li data-num="284"></li>

    <li data-num="285"></li>

    <li data-num="286"></li>

    <li data-num="287"></li>

    <li data-num="288"></li>

    <li data-num="289"></li>

    <li data-num="290"></li>

    <li data-num="291"></li>

    <li data-num="292"></li>

    <li data-num="293"></li>

    <li data-num="294"></li>

    <li data-num="295"></li>

    <li data-num="296"></li>

    <li data-num="297"></li>

    <li data-num="298"></li>

    <li data-num="299"></li>

    <li data-num="300"></li>

    <li data-num="301"></li>

    <li data-num="302"></li>

    <li data-num="303"></li>

    <li data-num="304"></li>

    <li data-num="305"></li>

    <li data-num="306"></li>

    <li data-num="307"></li>

    <li data-num="308"></li>

    <li data-num="309"></li>

    <li data-num="310"></li>

    <li data-num="311"></li>

    <li data-num="312"></li>

    <li data-num="313"></li>

    <li data-num="314"></li>

    <li data-num="315"></li>

    <li data-num="316"></li>

    <li data-num="317"></li>

    <li data-num="318"></li>

    <li data-num="319"></li>

    <li data-num="320"></li>

    <li data-num="321"></li>

    <li data-num="322"></li>

    <li data-num="323"></li>

    <li data-num="324"></li>

    <li data-num="325"></li>

    <li data-num="326"></li>

    <li data-num="327"></li>

    <li data-num="328"></li>

    <li data-num="329"></li>

    <li data-num="330"></li>

    <li data-num="331"></li>

    <li data-num="332"></li>

    <li data-num="333"></li>

    <li data-num="334"></li>

    <li data-num="335"></li>

    <li data-num="336"></li>

    <li data-num="337"></li>

    <li data-num="338"></li>

    <li data-num="339"></li>

    <li data-num="340"></li>

    <li data-num="341"></li>

    <li data-num="342"></li>

    <li data-num="343"></li>

    <li data-num="344"></li>

    <li data-num="345"></li>

    <li data-num="346"></li>

    <li data-num="347"></li>

    <li data-num="348"></li>

    <li data-num="349"></li>

    <li data-num="350"></li>

    <li data-num="351"></li>

    <li data-num="352"></li>

    <li data-num="353"></li>

    <li data-num="354"></li>

    <li data-num="355"></li>

    <li data-num="356"></li>

    <li data-num="357"></li>

    <li data-num="358"></li>

    <li data-num="359"></li>

    <li data-num="360"></li>

    <li data-num="361"></li>

    <li data-num="362"></li>

    <li data-num="363"></li>

    <li data-num="364"></li>

    <li data-num="365"></li>

    <li data-num="366"></li>

    <li data-num="367"></li>

    <li data-num="368"></li>

    <li data-num="369"></li>

    <li data-num="370"></li>

    <li data-num="371"></li>

    <li data-num="372"></li>

    <li data-num="373"></li>

    <li data-num="374"></li>

    <li data-num="375"></li>

    <li data-num="376"></li>

    <li data-num="377"></li>

    <li data-num="378"></li>

    <li data-num="379"></li>

    <li data-num="380"></li>

    <li data-num="381"></li>

    <li data-num="382"></li>

    <li data-num="383"></li>

    <li data-num="384"></li>

    <li data-num="385"></li>

    <li data-num="386"></li>

    <li data-num="387"></li>

    <li data-num="388"></li>

    <li data-num="389"></li>

    <li data-num="390"></li>

    <li data-num="391"></li>

    <li data-num="392"></li>

    <li data-num="393"></li>

    <li data-num="394"></li>

    <li data-num="395"></li>

    <li data-num="396"></li>

    <li data-num="397"></li>

    <li data-num="398"></li>

    <li data-num="399"></li>

    <li data-num="400"></li>

    <li data-num="401"></li>

    <li data-num="402"></li>

    <li data-num="403"></li>

    <li data-num="404"></li>

    <li data-num="405"></li>

    <li data-num="406"></li>

    <li data-num="407"></li>

    <li data-num="408"></li>

    <li data-num="409"></li>

    <li data-num="410"></li>

    <li data-num="411"></li>

    <li data-num="412"></li>

    <li data-num="413"></li>

    <li data-num="414"></li>

    <li data-num="415"></li>

    <li data-num="416"></li>

    <li data-num="417"></li>

    <li data-num="418"></li>

    <li data-num="419"></li>

    <li data-num="420"></li>

    <li data-num="421"></li>

    <li data-num="422"></li>

    <li data-num="423"></li>

    <li data-num="424"></li>

    <li data-num="425"></li>

    <li data-num="426"></li>

    <li data-num="427"></li>

    <li data-num="428"></li>

    <li data-num="429"></li>

    <li data-num="430"></li>

    <li data-num="431"></li>

    <li data-num="432"></li>

    <li data-num="433"></li>

    <li data-num="434"></li>

    <li data-num="435"></li>

    <li data-num="436"></li>

    <li data-num="437"></li>

    <li data-num="438"></li>

    <li data-num="439"></li>

    <li data-num="440"></li>

    <li data-num="441"></li>

    <li data-num="442"></li>

    <li data-num="443"></li>

    <li data-num="444"></li>

    <li data-num="445"></li>

    <li data-num="446"></li>

    <li data-num="447"></li>

    <li data-num="448"></li>

    <li data-num="449"></li>

    <li data-num="450"></li>

    <li data-num="451"></li>

    <li data-num="452"></li>

    <li data-num="453"></li>

    <li data-num="454"></li>

    <li data-num="455"></li>

    <li data-num="456"></li>

    <li data-num="457"></li>

    <li data-num="458"></li>

    <li data-num="459"></li>

    <li data-num="460"></li>

    <li data-num="461"></li>

    <li data-num="462"></li>

    <li data-num="463"></li>

    <li data-num="464"></li>

    <li data-num="465"></li>

    <li data-num="466"></li>

    <li data-num="467"></li>

    <li data-num="468"></li>

    <li data-num="469"></li>

    <li data-num="470"></li>

    <li data-num="471"></li>

    <li data-num="472"></li>

    <li data-num="473"></li>

    <li data-num="474"></li>

    <li data-num="475"></li>

    <li data-num="476"></li>

    <li data-num="477"></li>

    <li data-num="478"></li>

    <li data-num="479"></li>

    <li data-num="480"></li>

    <li data-num="481"></li>

    <li data-num="482"></li>

    <li data-num="483"></li>

    <li data-num="484"></li>

    <li data-num="485"></li>

    <li data-num="486"></li>

    <li data-num="487"></li>

    <li data-num="488"></li>

    <li data-num="489"></li>

    <li data-num="490"></li>

    <li data-num="491"></li>

    <li data-num="492"></li>

    <li data-num="493"></li>

    <li data-num="494"></li>

    <li data-num="495"></li>

    <li data-num="496"></li>

    <li data-num="497"></li>

    <li data-num="498"></li>

    <li data-num="499"></li>

    <li data-num="500"></li>

    <li data-num="501"></li>

    <li data-num="502"></li>

    <li data-num="503"></li>

    <li data-num="504"></li>

    <li data-num="505"></li>

    <li data-num="506"></li>

    <li data-num="507"></li>

    <li data-num="508"></li>

    <li data-num="509"></li>

    <li data-num="510"></li>

    <li data-num="511"></li>

    <li data-num="512"></li>

    <li data-num="513"></li>

    <li data-num="514"></li>

    <li data-num="515"></li>

    <li data-num="516"></li>

    <li data-num="517"></li>

    <li data-num="518"></li>

    <li data-num="519"></li>

    <li data-num="520"></li>

    <li data-num="521"></li>

    <li data-num="522"></li>

    <li data-num="523"></li>

    <li data-num="524"></li>

    <li data-num="525"></li>

    <li data-num="526"></li>

    <li data-num="527"></li>

    <li data-num="528"></li>

    <li data-num="529"></li>

    <li data-num="530"></li>

    <li data-num="531"></li>

    <li data-num="532"></li>

    <li data-num="533"></li>

    <li data-num="534"></li>

    <li data-num="535"></li>

    <li data-num="536"></li>

    <li data-num="537"></li>

    <li data-num="538"></li>

    <li data-num="539"></li>

    <li data-num="540"></li>

    </ul>

    </div>

    </div>

    </div>

    <div class="setbox">

    <div class="setli">

    <ul>

    <li>

    <label>背景</label>

    <div class="setbg">

    </div>

    </li>

    <li><label>字体</label>

    <div class="setfontf">

    </div>

    </li>

    <li><label>字号</label>

    <div class="setfontsize">

    <input class="sizenum" type="text" value="18">

    </div>

    </li>

    </ul>

    </div>

    </div>

    <div class="foot">

    <div class="copyright">

    <div>

    </div>

    <p>Copyright 2023 </p>

    </div>

    </div>

    <div class="modelbg"></div>

    <script src="

    <script>tongji();</script>

    <script>

    //排序

    var btnc = 0

    $(".sorting a").click(function () {

    btnc++

    if (btnc == 1) {

    $(".sorting a").eq(1).hide()

    $(".sorting a").eq(0).show()

    } else {

    $(".sorting a").eq(0).hide()

    $(".sorting a").eq(1).show()

    btnc = 0

    }

    })

    var domArr = [];

    var htmlArr = [];

    var allArr = [];

    //从小到大排序

    function smallToBig() {

    allArr.sort(function (a, b) { return a.name - b.name });

    appendDom();

    }

    //从大到小排序

    function bigToSmall() {

    allArr.sort(function (a, b) { return b.name - a.name });

    appendDom()

    }

    //取出所有li的data-num属性放进数组

    getDom()

    function getDom() {

    $('#catalog ul li').each(function (m) {

    domArr[m] = $(this).attr("data-num");

    htmlArr[m] = $(this).html();

    })

    for (var i = 0; i < domArr.length; i++) {

    var activeSubjectsObject = {};

    for (var j = 0; j < htmlArr.length; j++) {

    if (i == j) {

    activeSubjectsObject.name = domArr[i];

    activeSubjectsObject.value = htmlArr[j];

    allArr.push(activeSubjectsObject);

    }

    }

    }

    // console.log(allArr.length)

    }

    //铺数据

    function appendDom() {

    $("#catalog ul").html("")

    for (i = 0; i < allArr.length; i++) {

    $('#catalog ul').append(

    `<li data-num=${allArr[i].name}>${allArr[i].value}</li>`

    );

    }

    }

    </script>

    </body>

    </html>