孙俪最新视频,日本美女免费视频

XML JS創(chuàng)建樹形菜單,樹形菜單代碼,動態(tài)樹形菜單,樹形導(dǎo)航菜單,asp動態(tài)樹形菜單,...

2007.04.06

Title:XML+ JS創(chuàng)建樹形菜單

簡單說明:

思路:
從數(shù)據(jù)島menuXML中讀取數(shù)據(jù),從樹的根節(jié)點開始分析樹,
利用 hasChildNodes() [方法:是否含有子節(jié)點 ] 判斷當(dāng)前
節(jié)點是否有子節(jié)點,如果有子節(jié)點繼續(xù)向下分析 childNodes
[對象:子節(jié)點對象集合] ,否則返回當(dāng)前分析結(jié)果(樹結(jié)點對象)。

主要的函數(shù):
createTree(thisn /*樹結(jié)點*/ , sd/*樹深度*/)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> DSTree </TITLE>
<META NAME="Author" CONTENT="sTarsjz@hotmail.com" >
<style>
body,td{font:12px verdana}
#treeBox{background-color:#fffffa;}
#treeBox .ec{margin:0 5 0 5;}
#treeBox .hasItems{font-weight:bold;height:20px;padding:3 6 0 6;margin:2px;cursor:hand;color:#555555;border:1px solid #fffffa;}
#treeBox .Items{height:20px;padding:3 6 0 6;margin:1px;cursor:hand;color:#555555;border:1px solid #fffffa;}
</style>
<base />
<script>
//code by star 20003-4-7
var HC = "color:#990000;border:1px solid #cccccc";
var SC = "background-color:#efefef;border:1px solid #cccccc;color:#000000;";
var IO = null;
function initTree(){
     var rootn = document.all.menuXML.documentElement;
     var sd = 0;
     document.onselectstart = function(){return false;}
     document.all.treeBox.appendChi ld(createTree(rootn,sd));
}
function createTree(thisn,sd){
     var nodeObj = document.createElement("span");
     var upobj = document.createElement("span");
     with(upobj){
           style.marginLeft = sd*10;
           className = thisn.hasChildNodes()?"hasItems":"Items";
           innerHTML = "<img src=expand.gif class=ec>" + thisn.getAttribute("text") +"";

           onmousedown = function(){
                if(event.button != 1) return;
                if(this.getAttribute("cn")){
                      this.setAttribute("open",!this.getAttribute("open"));
                      this.cn.style.display = this.getAttribute("open")?"inline":"none";
                      this.all.tags("img")[0].src = this.getAttribute("open")?"expand.gif":"contract.gif";
                }
                if(IO){
                      IO.runtimeStyle.cssText = "";
                      IO.setAttribute("selected",false);
                }
                IO = this;
                this.setAttribute("selected",t rue);
                this.runtimeStyle.cssText = SC;
           }
           onmouseover = function(){
                if(this.getAttribute("selected "))return;
                this.runtimeStyle.cssText = HC;
           }
           onmouseout = function(){
                if(this.getAttribute("selected "))return;
                this.runtimeStyle.cssText = "";
           }
           oncontextmenu = contextMenuHandle;
           onclick = clickHandle;
     }

     if(thisn.getAttribute("treeId" ) != null){
           upobj.setAttribute("treeId",thisn.getAttribute("treeId"));
     }
     if(thisn.getAttribute("href") != null){
           upobj.setAttribute("href",thisn.getAttribute("href"));
     }
     if(thisn.getAttribute("target" ) != null){
           upobj.setAttribute("target",thisn.getAttribute("target"));
     }

     nodeObj.appendChild(upobj);
     nodeObj.insertAdjacentHTML("be foreEnd","<br>")

     if(thisn.hasChildNodes()){
           var i;
           var nodes = thisn.childNodes;
           var cn = document.createElement("span");
           upobj.setAttribute("cn",cn);
           if(thisn.getAttribute("open") != null){
                upobj.setAttribute("open",(thi sn.getAttribute("open")=="true"));
                upobj.getAttribute("cn").style .display = upobj.getAttribute("open")?"inline":"none";
                if( !upobj.getAttribute("open"))upobj.all.tags("img")[0].src ="contract.gif";
           }

           for(i=0;i<nodes.length;cn.appendChild(createTree(nodes [i++],sd+1)));
           nodeObj.appendChild(cn);
     }
     else{
           upobj.all.tags("img")[0].src ="endnode.gif";
     }
     return nodeObj;
}
window.onload = initTree;
</script>

<script>
function clickHandle(){
     // your code here
}
function contextMenuHandle(){
     event.returnValue = false;
     var treeId = this.getAttribute("treeId");
     // your code here
}
</script>
</HEAD>
<BODY>
<xml id=menuXML>
<?xml version="1.0" encoding="GB2312"?>
<DSTreeRoot text="根節(jié)點" open="true" href="http://" treeId="123">

     <DSTree text="技術(shù)論壇" open="false" treeId="">
           <DSTree text="5DMedia" open="false" href="http://" target="box" treeId="12">
                 <DSTree text="網(wǎng)頁編碼" href="http://" target="box" treeId="4353" />
                 <DSTree text="手繪" href="http://" target="box" treeId="543543" />
                 <DSTree text="灌水" href="http://" target="box" treeId="543543" />
           </DSTree>
           <DSTree text="BlueIdea" open="false" href="http://" target="box" treeId="213">
                 <DSTree text="DreamWeaver & JS" href="http://" target="box" treeId="4353" />
                 <DSTree text="FlashActionScript" href="http://" target="box" treeId="543543" />
           </DSTree>
           <DSTree text="CSDN" open="false" href="http://" target="box" treeId="432">
                 <DSTree text="JS" href="http://" target="box" treeId="4353" />
                 <DSTree text="XML" href="http://" target="box" treeId="543543" />
           </DSTree>
     </DSTree>

     <DSTree text="資源站點" open="false" treeId="">
           <DSTree text="素材屋" href="http://" target="box" treeId="12" />
           <DSTree text="桌面城市" open="false" href="http://" target="box" treeId="213">
                 <DSTree text="壁紙" href="http://" target="box" treeId="4353" />
                 <DSTree text="字體" href="http://" target="box" treeId="543543" />
           </DSTree>
           <DSTree text="MSDN" open="false" href="http://" target="box" treeId="432">
                 <DSTree text="DHTML" href="http://" target="box" treeId="4353" />
                 <DSTree text="HTC" href="http://" target="box" treeId="543543" />
                 <DSTree text="XML" href="" target="box" treeId="2312" />
           </DSTree>
     </DSTree>

</DSTreeRoot>
</xml>
<table style="position:absolute;left:100;top:100;">
<tr><td id=treeBox style="width:400px;height:200px;border:1px solid #cccccc;padding:5 3 3 5;" valign=top></td></tr>
<tr><td style="font:10px verdana;color:#999999" align=right>by <font color=#660000>sTar</font><br> 2003-4-8</td></tr>
</table>
</BODY>
</HTML>

XML+ JS創(chuàng)建樹形菜單,樹形菜單代碼,動態(tài)樹形菜單,樹形導(dǎo)航菜單,asp動態(tài)樹形菜單,數(shù)據(jù)庫的樹形菜單,無限級樹形菜單,asp無限級樹形菜單,asp樹形菜單生成器,折疊樹形菜單,下拉樹形菜單控件

Oracle中Decode()函數(shù)使用技巧
jaascript 根據(jù)屏幕解析度顯示不同網(wǎng)頁
關(guān)于ASP.NET應(yīng)用程序規(guī)劃與設(shè)計
網(wǎng)站導(dǎo)航理論與實踐
[JS]用空格或 || 來兼容FireFox
SQL存儲過程分頁
C#捕捉攝相頭的數(shù)據(jù)流
ASP.NET 2.0頁面框架的幾點新功能
HTML教程-播放音樂
主頁制作的10個技巧
C# 3.0新特性初步研究 Part2:使用擴(kuò)展方法
ASP.NET2.0 Gridiew綁定XmlDocument
怎樣使用AJAX進(jìn)行應(yīng)用程序開發(fā)
FLASH變量和數(shù)據(jù)類型
PHP配置,鏈接access數(shù)據(jù)庫
JS技巧之showModelessDialog()使用詳解
jaascript事件列表
調(diào)用外部as的action代碼
在Asp.net中自定義異常頁面

本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點擊舉報。

打開APP，閱讀全文并永久保存查看更多類似文章

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

建站必備
XML+ JS創(chuàng)建樹形菜單,樹形菜單代碼,動態(tài)樹形菜單,樹形導(dǎo)航菜單,asp動態(tài)樹形菜單,數(shù)據(jù)庫的樹形菜單,無限級樹形菜單,asp無限級樹形菜單,asp樹形菜單生成器,折疊樹形菜單,下拉樹形菜單控件

XML+ JS創(chuàng)建樹形菜單,樹形菜單代碼,動態(tài)樹形菜單,樹形導(dǎo)航菜單,asp動態(tài)樹形菜單,數(shù)據(jù)庫的樹形菜單,無限級樹形菜單,asp無限級樹形菜單,asp樹形菜單生成器,折疊樹形菜單,下拉樹形菜單控件

国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

建站必備XML+ JS創(chuàng)建樹形菜單,樹形菜單代碼,動態(tài)樹形菜單,樹形導(dǎo)航菜單,asp動態(tài)樹形菜單,數(shù)據(jù)庫的樹形菜單,無限級樹形菜單,asp無限級樹形菜單,asp樹形菜單生成器,折疊樹形菜單,下拉樹形菜單控件

XML+ JS創(chuàng)建樹形菜單,樹形菜單代碼,動態(tài)樹形菜單,樹形導(dǎo)航菜單,asp動態(tài)樹形菜單,數(shù)據(jù)庫的樹形菜單,無限級樹形菜單,asp無限級樹形菜單,asp樹形菜單生成器,折疊樹形菜單,下拉樹形菜單控件

建站必備
XML+ JS創(chuàng)建樹形菜單,樹形菜單代碼,動態(tài)樹形菜單,樹形導(dǎo)航菜單,asp動態(tài)樹形菜單,數(shù)據(jù)庫的樹形菜單,無限級樹形菜單,asp無限級樹形菜單,asp樹形菜單生成器,折疊樹形菜單,下拉樹形菜單控件