JavaScript菜单项热门排序的实现示例

　　JavaScript菜单项热门排序的实现示例，列表项或菜单项排序，按被点击次数排序（也可所以其他变乱），这里只是一个示例罢了，假如您想看到更完备的例子，可以在此基本上开拓。

　　演示代码：

<div> <ul id="menu"> <li><span>First</span></li> <li><span>Second</span></li> <li><span>Third</span></li> </ul> <p id="status"></p> <script> // 这种排序要领是一种默认模式 // 默认初始环境有两种： // 第一种：level值未设定，默认取0； // 第二种：level值已给定，而且列表 // 已经凭证从大到小（从上到下）分列好了。 // 以是，与上（前）面的元素较量即可。 var sortIt = function _(elt) { var pes = elt.previousElementSibling; if (pes && elt.level > pes.level) { var ihtml = elt.innerHTML, ilevel = elt.level; elt.innerHTML = pes.innerHTML; elt.level = pes.level; pes.innerHTML = ihtml; pes.level = ilevel; _(pes); } }; // RBI：解决 // 这里level值为单击(onclick变乱)的次数， // 而rank默以为排序号（从0开始）。 // 单击次数越多（level值越大），rank越靠前。 function rbiIt(elts) { var i; for (i = 0; i < elts.length; i += 1) { elts[i].onclick = function (i) { var level = elts[i].level || 0, rank = elts[i].rank || i; return function (e) { this.level = ++level; this.rank = rank; sortIt(this); document.getElementById("status").innerHTML = "(" + this.rank + " : " + this.level + ")"; }; }(i); } }; // 初始化 // 可以本身给定level和rank值 var elts = document.getElementById("menu").children; // var elts = document.getElementsByTagName("li"); var k; for (k = 0; k < elts.length; k += 1) { elts[k].level = 0; //elts[k].rank = 0; } rbiIt(elts); // 猛火網 liehuo.net 接待复制,拒绝恶意收罗 ｌｉｅｈｕｏ．ｎｅｔ </script> </div> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!