图标筛选(原生JS)
提示:你可以先修改部分代码再运行。
提示:你可以先修改部分代码再运行。

dtree是一个由JavaScript编写成的简单的树形菜单组件,目前免费并且开源。 dtree目前有很多的树形菜单组件(比如ext),dtree是一种简单易懂的js组件,不需要复杂的操作即可生产,同时支持动态从数据库引入数据。
dTree可以不用添加任何页面而直接用代码实现多个栏目,并可以实现无限分级,下面是官方介绍的优点:
1、无限分级
2、可用于框架或非框架页面
3、在不同页面之间可记住当前状态
4、可以得到你想要数量的树型
(支持的浏览器)Internet Explorer 5+ Netscape 6+ Opera 7+ Mozilla
5、严格支持XHTML 1.0
6、每个节点用图片代替
用这个给客户做了个菜单,效果还不错。
官方网页:http://www.destroydrop.com/javascripts/tree/
官网实例:http://www.destroydrop.com/javascripts/tree/example/

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | <DIV id=time_conter style="DISPLAY: none; bgcolor:#ccffff; FONT-WEIGHT: bold; WIDTH: 100%; COLOR: #cc0000; PADDING-TOP: 150px; FONT-FAMILY: arial; TEXT-ALIGN: center;"> <P style="font-size:12px;">离国庆节倒计时还有</P> <DIV style="FONT-SIZE: 38px"><SPAN id=h></SPAN>小时<SPAN id=m></SPAN>分<SPAN id=s></SPAN>秒<SPAN id=ms></SPAN>微秒</DIV> </DIV> <SCRIPT language=javascript> function n2(n) { if(n < 10)return "0" + n.toString(); return n.toString(); } function n3(n) { if(n < 10)return "00" + n.toString(); if(n < 100)return "0" + n.toString(); return n.toString(); } function setLeft() { var d1 = new Date(); var n; n = (d.getTime() - d1.getTime()); document.getElementById("ms").innerHTML = n3(n % 1000); n = (n - n % 1000) / 1000; document.getElementById("s").innerHTML = n2(n % 60); n = (n - n % 60) / 60; document.getElementById("m").innerHTML = n2(n % 60); n = (n - n % 60) / 60; document.getElementById("h").innerHTML = n2(n); setTimeout("setLeft();", 1); } var a, a1, a2; a = unescape("2009-10-1 00:00:00").split(" "); if(a.length > 1) { document.getElementById("time_conter").style.display=""; a1 = a[0].split("-"); a2 = a[1].split(":"); var d = new Date(a1[0], a1[1] - 1, a1[2], a2[0], a2[1]); setLeft(); } </SCRIPT> |