<li data-num="194"></li>
<li data-num="195"></li>
<li data-num="196"></li>
<li data-num="197"></li>
<li data-num="198"></li>
<li data-num="199"></li>
<li data-num="200"></li>
<li data-num="201"></li>
<li data-num="202"></li>
<li data-num="203"></li>
<li data-num="204"></li>
<li data-num="205"></li>
<li data-num="206"></li>
<li data-num="207"></li>
<li data-num="208"></li>
<li data-num="209"></li>
<li data-num="210"></li>
<li data-num="211"></li>
<li data-num="212"></li>
<li data-num="213"></li>
<li data-num="214"></li>
<li data-num="215"></li>
<li data-num="216"></li>
<li data-num="217"></li>
<li data-num="218"></li>
<li data-num="219"></li>
<li data-num="220"></li>
<li data-num="221"></li>
<li data-num="222"></li>
<li data-num="223"></li>
<li data-num="224"></li>
<li data-num="225"></li>
<li data-num="226"></li>
<li data-num="227"></li>
<li data-num="228"></li>
<li data-num="229"></li>
<li data-num="230"></li>
<li data-num="231"></li>
<li data-num="232"></li>
<li data-num="233"></li>
<li data-num="234"></li>
<li data-num="235"></li>
<li data-num="236"></li>
<li data-num="237"></li>
<li data-num="238"></li>
<li data-num="239"></li>
<li data-num="240"></li>
<li data-num="241"></li>
<li data-num="242"></li>
<li data-num="243"></li>
<li data-num="244"></li>
<li data-num="245"></li>
<li data-num="246"></li>
<li data-num="247"></li>
<li data-num="248"></li>
<li data-num="249"></li>
<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>
</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>