<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>
<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>
</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>