<FORM name="isc">
<table border="0" cellspacing="0" cellpadding="0">
  <tr align="center"> 
    <td nowrap height="11"> &nbsp;<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>---Select1-------------</option>
<option>Webmaster Sites</option>
<option>News Sites</option>
</select><select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select2--------------</option>
<option value=" " selected>---Select2--------------</option>
</select><select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select3----------------</option>
<option value=" " selected>---Select3----------------</option>
</select><script>
<!--/*
Triple Combo Script Credit
By Hamid Cheheltani/ Website Abstraction (http://www.wsabstract.com)
Visit http://wsabstract.com for this and over 400+ other scripts
*/var groups=document.isc.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()group[0][0]=new Option("---Select2---"," ");group[1][0]=new Option("Now Select This One"," ");
group[1][1]=new Option("JavaScript","47");
group[1][2]=new Option("DHTML","46");
group[1][3]=new Option("CGI","45");group[2][0]=new Option("Now Select This One"," ");
group[2][1]=new Option("General News","115");
group[2][2]=new Option("Technology News","116"); var temp=document.isc.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
redirect1(0)
}var secondGroups=document.isc.stage2.options.length
var secondGroup=new Array(groups)
for (i=0; i<groups; i++)  {
secondGroup[i]=new Array(group[i].length)
for (j=0; j<group[i].length; j++)  {
secondGroup[i][j]=new Array()  }}secondGroup[0][0][0]=new Option("---Select 3---"," ");
secondGroup[1][0][0]=new Option("---Select 3---"," ");
secondGroup[1][1][0]=new Option("Now Select This One"," ");
secondGroup[1][1][1]=new Option("Website Abstraction","http://wsabstract.com");
secondGroup[1][1][2]=new Option("JavaScript for the non programmer","http://webteacher.com/javascript/");
secondGroup[1][1][3]=new Option("Java-Scripts.net","http://java-scripts.net");secondGroup[1][2][0]=new Option("Now Select This One"," ");
secondGroup[1][2][1]=new Option("Dynamic Drive","http://www.dynamicdrive.com");
secondGroup[1][2][2]=new Option("Beginner\'s Guide to DHTML","http://www.geocities.com/ResearchTriangle/Facility/4490/");
secondGroup[1][2][3]=new Option("Web Coder","http://webcoder.com/");secondGroup[1][3][0]=new Option("Now Select This One"," ");
secondGroup[1][3][1]=new Option("CGI Resources","http://www.cgi-resources.com");
secondGroup[1][3][2]=new Option("Ada\'s Intro to CGI","http://adashimar.hypermart.net/");secondGroup[2][0][0]=new Option("---Select 3---"," ");
secondGroup[2][1][0]=new Option("Now Select This One"," ");
secondGroup[2][1][1]=new Option("CNN","http://www.cnn.com");
secondGroup[2][1][2]=new Option("MSNBC","http://www.msnbc.com");
secondGroup[2][1][3]=new Option("ABC News","http://www.abcnews.com");secondGroup[2][2][0]=new Option("Now Select A Page"," ");
secondGroup[2][2][1]=new Option("News.com","http://www.news.com");
secondGroup[2][2][2]=new Option("Wired","http://www.wired.com");var temp1=document.isc.stage3
function redirect1(y){
for (m=temp1.options.length-1;m>0;m--)
temp1.options[m]=null
for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text,secondGroup[document.isc.example.options.selectedIndex][y][i].value)
}
temp1.options[0].selected=true
}function redirect2(z){
window.location=temp1[z].value
}//-->
</script> </td>
  </tr>
</table>
</FORM><p><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>

解决方案 »

  1.   

    var mimgpath="../treeimg";
    var mfonts="style=\"text-decoration:none;font-family: Verdana; font-size: 8pt; color: #000000; \"";
    var movercolor="#0000FF";
    var mnormalcolor="#000000";
    var NC6=(navigator.userAgent.indexOf("Netscape6")>0)?true:false;
    var IE=(document.all)?true:false;
    function mOver(id) {
    if (IE) {eval(id).style.color=movercolor; } 
    else if(NC6){ document.getElementById(id).style.color=movercolor;}
    }
    function mOut(id) {
    if (IE) {eval(id).style.color=mnormalcolor; } 
    else if(NC6){ document.getElementById(id).style.color=mnormalcolor;}
    }function mFolderExpand($1,$2,pic) {
    if (IE) { mExpandIE($1,$2,pic) } 
    else if(NC6){ mExpandNC($1,$2,pic) }
    }function mExpandIE($1,$2,pic) {
    Expanda = eval($1 + "a");
    Expanda.blur()
    ExpandChild = eval($1 + "Child");
        if ($2 != "top") { 
    ExpandTree = eval($1 + "Tree");
    ExpandFolder = eval($1 + "Folder");
    }
    if (ExpandChild.style.display == "none") {
    ExpandChild.style.display = "block";
            if ($2 != "top") { 
                if ($2 == "last") { ExpandTree.src = mimgpath+"/white.gif"; }
    else { ExpandTree.src = mimgpath+"/white.gif"; }
    ExpandFolder.src = mimgpath+"/openfolder"+pic+".gif";
    }
    else { mmTree.src = mimgpath+"/topopen1.gif"; }
    }else{
    ExpandChild.style.display = "none";
            if ($2 != "top") { 
            if ($2 == "last") { ExpandTree.src = mimgpath+"/white.gif"; }
    else { ExpandTree.src = mimgpath+"/white.gif"; }
    ExpandFolder.src = mimgpath+"/folder"+pic+".gif";
    }
    else { mmTree.src = mimgpath+"/top1.gif"; }
    }
    }
    function mExpandNC($1,$2,pic) {
    Expanda = document.getElementById($1 + "a");
    Expanda.blur()
    ExpandChild = document.getElementById($1 + "Child");
        if ($2 != "top") { 
    ExpandTree = document.getElementById($1 + "Tree");
    ExpandFolder = document.getElementById($1 + "Folder");
    }
    if (ExpandChild.style.display == "none") {
    ExpandChild.style.display = "block";
            if ($2 != "top") { 
                if ($2 == "last") { ExpandTree.src = mimgpath+"/white.gif"; }
    else { ExpandTree.src = mimgpath+"/white.gif"; }
    ExpandFolder.src = mimgpath+"/openfolder"+pic+".gif";
    }
    else { document.getElementById("mmTree").src = mimgpath+"/topopen1.gif"; }
    }else{
    ExpandChild.style.display = "none";
            if ($2 != "top") { 
            if ($2 == "last") { ExpandTree.src = mimgpath+"/white.gif"; }
    else { ExpandTree.src = mimgpath+"/white.gif"; }
    ExpandFolder.src = mimgpath+"/folder"+pic+".gif";
    }
    else {document.getElementById("mmTree").src = mimgpath+"/top1.gif"; }
    }
    }
    with(document){
    write("<div ID=\"mmParent\"><a ID=\"mma\" href=\"#\" style=\"text-decoration:none;font-family: Verdana; font-size: 8pt; color: #000000; font-weight: bold; \" onClick=\"mFolderExpand('mm','top',null)\">");
    write("<img ID=\"mmTree\" src=\""+mimgpath+"/topopen1.gif\" style=\"margin-right: 5\" align=\"absmiddle\" border=\"0\">");
    write("<font ID=\"mTitle0\" onmouseover=\"mOver('mTitle0')\" onmouseout=\"mOut('mTitle0')\">My Web Site</font></a></div>");
    write("<div ID=\"mmChild\"><div ID=\"mm1Parent\"><a ID=\"mm1a\" target=\"_self\" href=\"#\" "+mfonts+" onClick=\"mFolderExpand('mm1',null,'2')\" title=\"Folder1\">");
    write("<img ID=\"mm1Tree\" src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" border=\"0\"><img ID=\"mm1Folder\" src=\""+mimgpath+"/folder2.gif\" style=\"margin-right: 5\" align=\"absmiddle\" border=\"0\"><font ID=\"mTitle1\" onmouseover=\"mOver('mTitle1')\" onmouseout=\"mOut('mTitle1')\">Folder1</font></a>");
    write("</div>");
    write("<div ID=\"mm1Child\" style=\"display:none;\">");
    write("<img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/item1.gif\" align=\"absmiddle\" style=\"margin-right: 5\"><a target=\"_self\" href=\"#\" "+mfonts+" title=\"Item1\"><font ID=\"mTitle2\" onmouseover=\"mOver('mTitle2')\" onmouseout=\"mOut('mTitle2')\">Item1</font></a><br>");
    write("<div ID=\"mm2Parent\"><a ID=\"mm2a\" target=\"_self\" href=\"#\" "+mfonts+" onClick=\"mFolderExpand('mm2','last','2')\" title=\"Folder2\">");
    write("<img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img ID=\"mm2Tree\" src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" border=\"0\"><img ID=\"mm2Folder\" src=\""+mimgpath+"/folder2.gif\" style=\"margin-right: 5\" align=\"absmiddle\" border=\"0\"><font ID=\"mTitle3\" onmouseover=\"mOver('mTitle3')\" onmouseout=\"mOut('mTitle3')\">Folder2</font></a>");
    write("</div>");
    write("<div ID=\"mm2Child\" style=\"display:none;\">");
    write("<img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/item1.gif\" align=\"absmiddle\" style=\"margin-right: 5\"><a target=\"_self\" href=\"#\" "+mfonts+" title=\"Item2\"><font ID=\"mTitle4\" onmouseover=\"mOver('mTitle4')\" onmouseout=\"mOut('mTitle4')\">Item2</font></a><br>");
    write("</div>");
    write("</div>");
    write("<img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/item1.gif\" align=\"absmiddle\" style=\"margin-right: 5\"><a target=\"_self\" href=\"#\" "+mfonts+" title=\"Item3\"><font ID=\"mTitle5\" onmouseover=\"mOver('mTitle5')\" onmouseout=\"mOut('mTitle5')\">Item3</font></a><br>");
    write("<div ID=\"mm3Parent\"><a ID=\"mm3a\" target=\"_self\" href=\"#\" "+mfonts+" onClick=\"mFolderExpand('mm3','last','2')\" title=\"Folder3\">");
    write("<img ID=\"mm3Tree\" src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" border=\"0\"><img ID=\"mm3Folder\" src=\""+mimgpath+"/folder2.gif\" style=\"margin-right: 5\" align=\"absmiddle\" border=\"0\"><font ID=\"mTitle6\" onmouseover=\"mOver('mTitle6')\" onmouseout=\"mOut('mTitle6')\">Folder3</font></a>");
    write("</div>");
    write("<div ID=\"mm3Child\" style=\"display:none;\">");
    write("<img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/item1.gif\" align=\"absmiddle\" style=\"margin-right: 5\"><a target=\"_self\" href=\"#\" "+mfonts+" title=\"Item4\"><font ID=\"mTitle7\" onmouseover=\"mOver('mTitle7')\" onmouseout=\"mOut('mTitle7')\">Item4</font></a><br>");
    write("<div ID=\"mm4Parent\"><a ID=\"mm4a\" target=\"_self\" href=\"#\" "+mfonts+" onClick=\"mFolderExpand('mm4','last','2')\" title=\"Folder4\">");
    write("<img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img ID=\"mm4Tree\" src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" border=\"0\"><img ID=\"mm4Folder\" src=\""+mimgpath+"/folder2.gif\" style=\"margin-right: 5\" align=\"absmiddle\" border=\"0\"><font ID=\"mTitle8\" onmouseover=\"mOver('mTitle8')\" onmouseout=\"mOut('mTitle8')\">Folder4</font></a>");
    write("</div>");
    write("<div ID=\"mm4Child\" style=\"display:none;\">");
    write("<img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/white.gif\" align=\"absmiddle\" width=\"19\" height=\"20\" border=\"0\"><img src=\""+mimgpath+"/item1.gif\" align=\"absmiddle\" style=\"margin-right: 5\"><a target=\"_self\" href=\"#\" "+mfonts+" title=\"Item5\"><font ID=\"mTitle9\" onmouseover=\"mOver('mTitle9')\" onmouseout=\"mOut('mTitle9')\">Item5</font></a><br>");
    write("</div>");
    write("</div>");
    write("&nbsp;&nbsp;<a style=\"font-family: Verdana; font-size: 8pt; color: #000000\" href=\"http://www.knifesoft.com/\">KnifeSoft</a></div>");
    }
      

  2.   

    使用方法,在需要菜单的地方,插入。
    <script language="jscript" src="menu.js"></script>
      

  3.   

    到http://www.ouzx.com看看吧。有个软件很合你用的。treeMaker是一款制作树型网页导航菜单的共享软件。您只需要很基本的网页制作知识,就可以很轻松的制作树型网页导航菜单。适合于分类栏目众多的页面。新增功能: 简单直观的CSS样式编辑。可以指定各种状态时的样式。 
    多菜单支持。同一页面可以有风格不同的菜单共存。 
    支持Netscape 6.x。 
    改进了脚本文件,增进软件易用性……。