免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP，暢享免費(fèi)電子書等14項(xiàng)超值服

開通VIP

首頁

好書

留言交流

下載APP

聯(lián)系客服
JS的dtree和xtree介紹
  1. 樹型菜單是我們在開發(fā)中經(jīng)常用到的數(shù)據(jù)組合和顯示方式,   
  2. dTree(http://www.destroydrop.com/javascripts/tree/)   
  3. dTree是一種免費(fèi)的javascript樹型菜單, 它支持ie5+, ns 6+, Opera 7+以及Mozilla瀏覽器   
  4. 使用簡單:   
  5. 引入樹, 在head中加入dtree.js和dtree.css(注意要把js,css和img放到相應(yīng)目錄), 如下所示:   
  6. <link rel="StyleSheet" href="dtree.css" type="text/css" />  
  7. <script type="text/javascript" src="dtree.js"></script>  
  8. 實(shí)例化樹并顯示   
  9. <div class="dtree">  
  10.   
  11.     <p><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>  
  12.   
  13.     <script type="text/javascript">  
  14.          <!--   
  15.   
  16.         d = new dTree('d');   
  17.   
  18.          d.add(0,-1,'My example tree');   
  19.          d.add(1,0,'Node 1','example01.html');   
  20.          d.add(2,0,'Node 2','example01.html');   
  21.          d.add(3,1,'Node 1.1','example01.html');   
  22.          d.add(4,0,'Node 3','example01.html');   
  23.          d.add(5,3,'Node 1.1.1','example01.html');   
  24.          d.add(6,5,'Node 1.1.1.1','example01.html');   
  25.          d.add(7,0,'Node 4','example01.html');   
  26.          d.add(8,1,'Node 1.2','example01.html');   
  27.          d.add(9,0,'My Pictures','example01.html','Pictures I\'ve taken over the years','','','img/imgfolder.gif');   
  28.          d.add(10,9,'The trip to Iceland','example01.html','Pictures of Gullfoss and Geysir');   
  29.          d.add(11,9,'Mom\'s birthday','example01.html');   
  30.          d.add(12,0,'Recycle Bin','example01.html','','','img/trash.gif');   
  31.          d.add(13,12,'sub Recycle Bin','','','','img/trash.gif');   
  32.   
  33.          document.write(d);   
  34.   
  35.          //-->  
  36.     </script>  
  37.   
  38. </div>  
  39. add方法的參數(shù)說明 id:當(dāng)前節(jié)點(diǎn)標(biāo)識, pid:父節(jié)點(diǎn)標(biāo)識, name:當(dāng)前節(jié)點(diǎn)名字, url:當(dāng)菜單被點(diǎn)擊時(shí)響應(yīng)的超鏈接, title:提示語,   
  40. target:在目標(biāo)窗口打開鏈接, icon:關(guān)閉時(shí)的顯示圖標(biāo), iconOpen:打開時(shí)的顯示圖標(biāo), open:默認(rèn)的打開狀態(tài), true打開, false關(guān)閉(不過它會讀cookie, 所以有時(shí)看不出效果)   
  41. dTree.prototype.add = function(id, pid, name, url, title, target, icon, iconOpen, open)   
  42.   
  43. Xtree(http://webfx.eae.net/dhtml/xtree/implementation.html)   
  44. 相對dTree來說, xTree功能要多一些, 能動(dòng)態(tài)增減樹的節(jié)點(diǎn)   
  45. 引入樹:   
  46. <!-- The xtree script file -->  
  47. <script src="xtree.js"></script>  
  48. <link type="text/css" rel="stylesheet" href="xtree.css">  
  49. 實(shí)例化樹, 并顯示   
  50. <div style="position: absolute; width: 200px; top: 0px; left: 0px; height: 100%; padding: 5px; overflow: auto;">  
  51.   
  52. <!-- js file containing the tree content, edit this file to alter the menu,   
  53.       the menu will be inserted where this tag is located in the document -->  
  54. <script>  
  55. if (document.getElementById) {   
  56.      var tree = new WebFXTree('Root');   
  57.      tree.setBehavior('classic');   
  58.      var a = new WebFXTreeItem('1');   
  59.      tree.add(a);   
  60.      var b = new WebFXTreeItem('1.1');   
  61.      a.add(b);   
  62.      b.add(new WebFXTreeItem('1.1.1'));   
  63.      b.add(new WebFXTreeItem('1.1.2'));   
  64.      b.add(new WebFXTreeItem('1.1.3'));   
  65.      var f = new WebFXTreeItem('1.1.4');   
  66.      b.add(f);   
  67.      f.add(new WebFXTreeItem('1.1.4.1'));   
  68.      f.add(new WebFXTreeItem('1.1.4.2'));   
  69.      f.add(new WebFXTreeItem('1.1.4.3'));   
  70.      var c = new WebFXTreeItem('1.2');   
  71.      a.add(c);   
  72.      c.add(new WebFXTreeItem('1.5.1'));   
  73.      c.add(new WebFXTreeItem('1.5.2'));   
  74.      c.add(new WebFXTreeItem('1.5.3'));   
  75.      a.add(new WebFXTreeItem('1.3'));   
  76.      a.add(new WebFXTreeItem('1.4'));   
  77.      a.add(new WebFXTreeItem('1.5'));   
  78.      var d = new WebFXTreeItem('2');   
  79.      tree.add(d);   
  80.      var e = new WebFXTreeItem('2.1');   
  81.      d.add(e);   
  82.      e.add(new WebFXTreeItem('2.1.1'));   
  83.      e.add(new WebFXTreeItem('2.1.2'));   
  84.      e.add(new WebFXTreeItem('2.1.3'));   
  85.      d.add(new WebFXTreeItem('2.2'));   
  86.      d.add(new WebFXTreeItem('2.3'));   
  87.      d.add(new WebFXTreeItem('2.4'));   
  88.      document.write(tree);   
  89. }   
  90.   
  91. function addNode() {   
  92.      if (tree.getSelected()) {   
  93.          tree.getSelected().add(new WebFXTreeItem('New'));   
  94.      }   
  95. }   
  96.   
  97. function addNodes() {   
  98.      if (tree.getSelected()) {   
  99.          var foo = tree.getSelected().add(new WebFXTreeItem('New'));   
  100.          var bar = foo.add(new WebFXTreeItem('Sub 1'));   
  101.          var fbr = foo.add(new WebFXTreeItem('Sub 2'));   
  102.      }   
  103. }   
  104.   
  105. function delNode() {   
  106.      if (tree.getSelected()) {   
  107.          tree.getSelected().remove();   
  108.      }   
  109. }   
  110. </script>  
  111.   
  112. </div>  
  113.   
  114. 打開關(guān)閉節(jié)點(diǎn):tree.toggle()   
  115. 打開節(jié)點(diǎn):tree.expand();   
  116. 關(guān)閉節(jié)點(diǎn):tree.collapse();   
  117. 打開所有節(jié)點(diǎn):tree.expandAll();   
  118. 關(guān)閉所有節(jié)點(diǎn):tree.collapseAll();   
  119. 打開子節(jié)點(diǎn):tree.expandChildren();   
  120. 關(guān)閉子節(jié)點(diǎn):tree.collapseChildren();   
  121. 顯示當(dāng)前節(jié)點(diǎn)的id:if (tree.getSelected()) { alert(tree.getSelected().id); }   
  122. 增加節(jié)點(diǎn):addNode()   
  123. 增加多個(gè)節(jié)點(diǎn):addNodes()   
  124. 刪除節(jié)點(diǎn):delNode()   
本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊舉報(bào)。
打開APP，閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
js 動(dòng)態(tài)樹形控件 xtree
XTREE學(xué)習(xí)筆記
JavaScript樹型菜單 dtree_Java Web & EE Design and...
JS 判斷輸入框值是否為空
Dtree+Jquery動(dòng)態(tài)生成樹節(jié)點(diǎn)例子
js樹
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)！
如果VIP功能使用有故障，
可點(diǎn)擊這里聯(lián)系客服！

聯(lián)系客服