<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>
<li data-num="541"></li>
<li data-num="542"></li>
<li data-num="543"></li>
<li data-num="544"></li>
<li data-num="545"></li>
<li data-num="546"></li>
<li data-num="547"></li>
<li data-num="548"></li>
<li data-num="549"></li>
<li data-num="550"></li>
<li data-num="551"></li>
<li data-num="552"></li>
<li data-num="553"></li>
<li data-num="554"></li>
<li data-num="555"></li>
<li data-num="556"></li>
<li data-num="557"></li>
<li data-num="558"></li>
<li data-num="559"></li>
<li data-num="560"></li>
<li data-num="561"></li>
<li data-num="562"></li>
<li data-num="563"></li>
<li data-num="564"></li>
<li data-num="565"></li>
<li data-num="566"></li>
<li data-num="567"></li>
<li data-num="568"></li>
<li data-num="569"></li>
<li data-num="570"></li>
<li data-num="571"></li>
<li data-num="572"></li>
<li data-num="573"></li>
<li data-num="574"></li>
<li data-num="575"></li>
<li data-num="576"></li>
<li data-num="577"></li>
<li data-num="578"></li>
<li data-num="579"></li>
<li data-num="580"></li>
<li data-num="581"></li>
<li data-num="582"></li>
<li data-num="583"></li>
<li data-num="584"></li>
<li data-num="585"></li>
<li data-num="586"></li>
<li data-num="587"></li>
<li data-num="588"></li>
<li data-num="589"></li>
<li data-num="590"></li>
<li data-num="591"></li>
<li data-num="592"></li>
<li data-num="593"></li>
<li data-num="594"></li>
<li data-num="595"></li>
<li data-num="596"></li>
<li data-num="597"></li>
<li data-num="598"></li>
<li data-num="599"></li>
<li data-num="600"></li>
<li data-num="601"></li>
<li data-num="602"></li>
<li data-num="603"></li>
<li data-num="604"></li>
<li data-num="605"></li>
<li data-num="606"></li>
<li data-num="607"></li>
<li data-num="608"></li>
<li data-num="609"></li>
<li data-num="610"></li>
<li data-num="611"></li>
<li data-num="612"></li>
<li data-num="613"></li>
<li data-num="614"></li>
<li data-num="615"></li>
<li data-num="616"></li>
<li data-num="617"></li>
<li data-num="618"></li>
<li data-num="619"></li>
<li data-num="620"></li>
<li data-num="621"></li>
<li data-num="622"></li>
<li data-num="623"></li>
<li data-num="624"></li>
<li data-num="625"></li>
<li data-num="626"></li>
<li data-num="627"></li>
<li data-num="628"></li>
<li data-num="629"></li>
<li data-num="630"></li>
<li data-num="631"></li>
<li data-num="632"></li>
<li data-num="633"></li>
<li data-num="634"></li>
<li data-num="635"></li>
<li data-num="636"></li>
<li data-num="637"></li>
<li data-num="638"></li>
<li data-num="639"></li>
<li data-num="640"></li>
<li data-num="641"></li>
<li data-num="642"></li>
<li data-num="643"></li>
<li data-num="644"></li>
<li data-num="645"></li>
<li data-num="646"></li>
<li data-num="647"></li>
<li data-num="648"></li>
<li data-num="649"></li>
<li data-num="650"></li>
<li data-num="651"></li>
<li data-num="652"></li>
<li data-num="653"></li>
<li data-num="654"></li>
<li data-num="655"></li>
<li data-num="656"></li>
<li data-num="657"></li>
<li data-num="658"></li>
<li data-num="659"></li>
<li data-num="660"></li>
<li data-num="661"></li>
<li data-num="662"></li>
<li data-num="663"></li>
<li data-num="664"></li>
<li data-num="665"></li>
<li data-num="666"></li>
<li data-num="667"></li>
<li data-num="668"></li>
<li data-num="669"></li>
<li data-num="670"></li>
<li data-num="671"></li>
<li data-num="672"></li>
<li data-num="673"></li>
<li data-num="674"></li>
<li data-num="675"></li>
<li data-num="676"></li>
<li data-num="677"></li>
<li data-num="678"></li>
<li data-num="679"></li>
<li data-num="680"></li>
<li data-num="681"></li>
<li data-num="682"></li>
<li data-num="683"></li>
<li data-num="684"></li>
<li data-num="685"></li>
<li data-num="686"></li>
<li data-num="687"></li>
<li data-num="688"></li>
<li data-num="689"></li>
<li data-num="690"></li>
<li data-num="691"></li>
<li data-num="692"></li>
<li data-num="693"></li>
<li data-num="694"></li>
<li data-num="695"></li>
<li data-num="696"></li>
<li data-num="697"></li>
<li data-num="698"></li>
<li data-num="699"></li>
<li data-num="700"></li>
<li data-num="701"></li>
<li data-num="702"></li>
<li data-num="703"></li>
<li data-num="704"></li>
<li data-num="705"></li>
<li data-num="706"></li>
<li data-num="707"></li>
<li data-num="708"></li>
<li data-num="709"></li>
<li data-num="710"></li>
<li data-num="711"></li>
<li data-num="712"></li>
<li data-num="713"></li>
<li data-num="714"></li>
<li data-num="715"></li>
<li data-num="716"></li>
<li data-num="717"></li>
<li data-num="718"></li>
<li data-num="719"></li>
<li data-num="720"></li>
<li data-num="721"></li>
<li data-num="722"></li>
<li data-num="723"></li>
<li data-num="724"></li>
<li data-num="725"></li>
<li data-num="726"></li>
<li data-num="727"></li>
<li data-num="728"></li>
<li data-num="729"></li>
<li data-num="730"></li>
<li data-num="731"></li>
<li data-num="732"></li>
<li data-num="733"></li>
<li data-num="734"></li>
<li data-num="735"></li>
<li data-num="736"></li>
<li data-num="737"></li>
<li data-num="738"></li>
<li data-num="739"></li>
<li data-num="740"></li>
<li data-num="741"></li>
<li data-num="742"></li>
<li data-num="743"></li>
<li data-num="744"></li>
<li data-num="745"></li>
<li data-num="746"></li>
<li data-num="747"></li>
<li data-num="748"></li>
<li data-num="749"></li>
<li data-num="750"></li>
<li data-num="751"></li>
<li data-num="752"></li>
<li data-num="753"></li>
<li data-num="754"></li>
<li data-num="755"></li>
<li data-num="756"></li>
<li data-num="757"></li>
<li data-num="758"></li>
<li data-num="759"></li>
<li data-num="760"></li>
<li data-num="761"></li>
<li data-num="762"></li>
<li data-num="763"></li>
<li data-num="764"></li>
<li data-num="765"></li>
<li data-num="766"></li>
<li data-num="767"></li>
<li data-num="768"></li>
<li data-num="769"></li>
<li data-num="770"></li>
<li data-num="771"></li>
<li data-num="772"></li>
<li data-num="773"></li>
<li data-num="774"></li>
<li data-num="775"></li>
<li data-num="776"></li>
<li data-num="777"></li>
<li data-num="778"></li>
<li data-num="779"></li>
<li data-num="780"></li>
<li data-num="781"></li>
<li data-num="782"></li>
<li data-num="783"></li>
<li data-num="784"></li>
<li data-num="785"></li>
<li data-num="786"></li>
<li data-num="787"></li>
<li data-num="788"></li>
<li data-num="789"></li>
<li data-num="790"></li>
<li data-num="791"></li>
<li data-num="792"></li>
<li data-num="793"></li>
<li data-num="794"></li>
<li data-num="795"></li>
<li data-num="796"></li>
<li data-num="797"></li>
<li data-num="798"></li>
<li data-num="799"></li>
<li data-num="800"></li>
<li data-num="801"></li>
<li data-num="802"></li>
<li data-num="803"></li>
<li data-num="804"></li>
<li data-num="805"></li>
<li data-num="806"></li>
<li data-num="807"></li>
<li data-num="808"></li>
<li data-num="809"></li>
<li data-num="810"></li>
<li data-num="811"></li>
<li data-num="812"></li>
<li data-num="813"></li>
<li data-num="814"></li>
<li data-num="815"></li>
<li data-num="816"></li>
<li data-num="817"></li>
<li data-num="818"></li>
<li data-num="819"></li>
<li data-num="820"></li>
<li data-num="821"></li>
<li data-num="822"></li>
<li data-num="823"></li>
<li data-num="824"></li>
<li data-num="825"></li>
<li data-num="826"></li>
<li data-num="827"></li>
<li data-num="828"></li>
<li data-num="829"></li>
<li data-num="830"></li>
<li data-num="831"></li>
<li data-num="832"></li>
<li data-num="833"></li>
<li data-num="834"></li>
<li data-num="835"></li>
<li data-num="836"></li>
<li data-num="837"></li>
<li data-num="838"></li>
<li data-num="839"></li>
<li data-num="840"></li>
<li data-num="841"></li>
<li data-num="842"></li>
<li data-num="843"></li>
<li data-num="844"></li>
<li data-num="845"></li>
<li data-num="846"></li>
<li data-num="847"></li>
<li data-num="848"></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">
<a class="cut" href="#" onclick="fontcut()">-
<a class="add" href="#" onclick="fontadd()">+
</div>
</li>
</ul>
</div>
</div>
<div class="foot">
<div class="copyright">
<div>
</div>
<p>copyright 2021 </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>