微軟msdn - 這個漸變效果如何實現，有代碼更佳

Question

此回复为自动发出,仅用于显示而已，并无任何其他特殊作用
楼主【mybbb】截止到2008-07-07 00:59:54的历史汇总数据(不包括此帖)：
发帖的总数量:10                       发帖的总分数:450                      
结贴的总数量:8                        结贴的总分数:390                      
无满意结贴数:1                        无满意结贴分:50                       
未结的帖子数:2                        未结的总分数:60                       
结贴的百分比:80.00 %               结分的百分比:86.67 %                  
无满意结贴率:12.50 %               无满意结分率:12.82 %                  
楼主加油

Answer 1

//tableobj 树形菜单
   function showmenu(tdobj,tableobj)
    {
        tbobj = document.getElementById(tableobj);
       
        if(tbobj.style.display=='none')
        {
            tbobj.filters.item(0).Apply();
            tbobj.style.display = 'block';
            tbobj.style.visibility = "";
            tbobj.filters.item(0).Play();
        }
        else
        {
            tbobj.style.display='none';
        }
    }

Answer 2

tdobj 对象本身根节点，tableobj 属于这个根节点的子结点！

Answer 3

附個網址
http://msdn.microsoft.com/zh-tw/ms123402.aspx
抓了類似網站原碼，解不出來樓上能講明白點嗎?

Answer 4

我的递归树    [AjaxPro.AjaxMethod]
    public string DrawMenu(DataTable bootdt, DataTable alldt)
    {
        StringBuilder s = new StringBuilder();
        for (int i = 0; i < bootdt.Rows.Count; i++)
        {            s.Append("<table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">");
            s.Append("<tr>");
            s.Append("<td rowspan=\"2\" width=\"40\">");
            s.Append("</td>");
            s.Append("<td style=\"cursor: hand\" width=\"16\" align=\"left\" class=\"title\" onclick=\"showmenu(this,'moduletable" + bootdt.Rows[i]["Dept_ID"].ToString() + "')\" height=\"25\"");
            s.Append(" onmouseover=\"this.className='titlehighlight'\" onmouseout=\"this.className='title'\">");
            s.Append("<img src=\"../Images/dep.gif\" width=\"19\" height=\"19\" />");
            s.Append("</td>");
            s.Append("<td width=\"10\">");
            s.Append("</td>");
            if (bootdt.Rows[i]["IsBoot"].ToString() == "1")
            {
                s.Append("<td width=\"143\" style=\"cursor: hand\" align=\"left\" class=\"title\" onclick=\"showmenu(this,'moduletable" + bootdt.Rows[i]["Dept_ID"].ToString() + "')\" height=\"25\"");
                s.Append(" onmouseover=\"this.className='titlehighlight'\" onmouseout=\"this.className='title'\">");
                s.Append("<a class=\"title\"");
                s.Append(" onclick=\"NodeClick('" + bootdt.Rows[i]["Dept_ID"].ToString() + "','" +
                    bootdt.Rows[i]["DeptName"].ToString() + "','" +
                    bootdt.Rows[i]["Layer"].ToString() + "','" +
                    bootdt.Rows[i]["CreateDate"].ToString() + "','" +
                    bootdt.Rows[i]["CreateMasterName"].ToString() + "','" +
                    bootdt.Rows[i]["IsBoot"].ToString() + "')\">");                s.Append(bootdt.Rows[i]["DeptName"].ToString() + "</a>");
                s.Append("</td>");
                s.Append("</tr>");
                s.Append(DrawSubMenu(alldt, bootdt.Rows[i]["Dept_ID"].ToString()));
            }
            else
            {
            }
            s.Append("</table>");
        }
        return s.ToString();
    }    [AjaxPro.AjaxMethod]
    public string DrawSubMenu(DataTable alldt, string strPID)
    {
        StringBuilder s = new StringBuilder();
        s.Append("<tr>");
        s.Append("<td>");
        s.Append("</td>");
        s.Append("<td align=\"left\" colspan=\"2\">");
        s.Append("<table id=\"moduletable" + strPID + "\" style=\"display: none; filter: blendTrans(Duration=0.5); visibility: visible;\"");
        s.Append("cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" align=\"center\" border=\"0\">");
        for (int i = 0; i < alldt.Rows.Count; i++)
        {
            if (alldt.Rows[i]["ParentDept_ID"].ToString() == strPID)
            {
                if (alldt.Rows[i]["IsBoot"].ToString() == "1")
                {
                    s.Append("<tr>");
                    s.Append("<td style=\"cursor: hand\" width=\"16\" align=\"left\" onclick=\"showmenu(this,'moduletable" + alldt.Rows[i]["Dept_ID"].ToString() + "')\" height=\"25\" onmouseover=\"this.className='titlehighlight'\" onmouseout=\"this.className='title'\">");
                    s.Append("<img src=\"../Images/dep.gif\" width=\"16\" height=\"14\" />");
                    s.Append("</td>");
                    s.Append("<td style=\"cursor: hand\" onclick=\"showmenu(this,'moduletable" + alldt.Rows[i]["Dept_ID"].ToString() + "')\" height=\"25\" onmouseover=\"this.className='titlehighlight'\" onmouseout=\"this.className='title'\">");                    s.Append("&nbsp;<a  class=\"title\"");
                    s.Append(" onclick=\"NodeClick('" + alldt.Rows[i]["Dept_ID"].ToString() + "','" +
                           alldt.Rows[i]["DeptName"].ToString() + "','" +
                           alldt.Rows[i]["Layer"].ToString() + "','" +
                           alldt.Rows[i]["CreateDate"].ToString() + "','" +
                           alldt.Rows[i]["CreateMasterName"].ToString() + "','" +
                           alldt.Rows[i]["IsBoot"].ToString() + "')\">");                    s.Append(alldt.Rows[i]["DeptName"].ToString() + "</a>");                    s.Append("</td>");
                    s.Append("</tr>");
                    s.Append(DrawSubMenu(alldt, alldt.Rows[i]["Dept_ID"].ToString()));
                }
                else
                {
                    s.Append("<tr>");
                    s.Append("<td width=\"16\" align=\"left\">");
                    s.Append("<img src=\"../Images/dep.gif\" width=\"16\" height=\"14\" />");
                    s.Append("</td>");
                    s.Append("<td style=\"cursor: hand; height=\"23\">");                    s.Append("&nbsp;<a class=\"title\"");
                    s.Append(" onclick=\"NodeClick('" + alldt.Rows[i]["Dept_ID"].ToString() + "','" +
                           alldt.Rows[i]["DeptName"].ToString() + "','" +
                           alldt.Rows[i]["Layer"].ToString() + "','" +
                           alldt.Rows[i]["CreateDate"].ToString() + "','" +
                           alldt.Rows[i]["CreateMasterName"].ToString() + "','" +
                           alldt.Rows[i]["IsBoot"].ToString() + "')\">");                    s.Append(alldt.Rows[i]["DeptName"].ToString() + "</a>");                    s.Append("</td>");
                    s.Append("</tr>");
                }
            }
        }
        s.Append("</table>");
        s.Append("</td>");
        s.Append("</tr>");
        return s.ToString();
    }

Answer 5

    function showmenu(tdobj,tableobj)
    {
        tbobj = document.getElementById(tableobj);
       
        if(tbobj.style.display=='none')
        {
            tbobj.filters.item(0).Apply();
            tbobj.style.display = 'block';
            tbobj.style.visibility = "";
            tbobj.filters.item(0).Play();
        }
        else
        {
            tbobj.style.display='none';
        }
    }
    <div class="scrolldiv" style="height: 360px; overflow: auto; overflow-x: hidden;">
                                                                                    <table>
                                                                                        <tr>
                                                                                            <td id="menuInfo" runat="server" align="left" valign="top" style="width: 25%;">
                                                                                            </td>
                                                                                        </tr>
                                                                                    </table>
                                                                                </div>

Answer 6

C# code
那邊我看不懂怎麼弄

Answer 7

恩...沒人有類似MSDN上的菜單特效嗎？等了一整天了http://msdn.microsoft.com/zh-tw/ms123402.aspx 

Answer 8

濾過MSDN上的代碼，JS跟CSS檔的直接位置都有標出
就是跑不出效果，才上來求的