这里好像看不出颜色 要清楚点的来这里看 http://www.webfort.cn/bbs/2007/3/30/aeadc9b5-2dda-4658-8d97-399fbb766e1d.htm 这里我说说如何用Webfort模板制作一个树形的菜单。 下面给出需要的代码，然后讲解 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>左边树</title> <script language="javascript" type="text/javascript"> var isBottom; function returnIsBottom(value){ switch(value.toLowerCase()){ case "0": case "": case "false": return false; default: return true; } function expendNode(divName){ var src=document.getElementById(divName); try{ src.style.display=src.style.display=="none"?"":"none"; }catch(e){//alert(e.message) } } } </script> </head> <body> <webfort:ChannelList> <webfort:ChannelCondition/> <webfort:ChannelItemTemplate> <div> <script language="javascript" type="text/javascript"> isBottom=returnIsBottom('<webfort:ChannelField FieldName="IsBottom" />'); if(isBottom){ document.write('<img src="/Template/default/bbs/images/list.gif" /><a href="<webfort:ChannelField FieldName="FolderPath" />" target="frmMain"><webfort:ChannelField FieldName="ChannelAlias" /></a>'); } else{ document.write('<img src="/Template/default/bbs/images/topic_t.gif" /><a href="#" onclick="expendNode(\'div<webfort:ChannelField FieldName="ChannelID" />\')"><webfort:ChannelField FieldName="ChannelAlias" /></a>'); } </script> </div> <webfort:CallTemplate Name="Sub" /> </webfort:ChannelItemTemplate> </webfort:ChannelList> <br /> </body> </html> <webfort:Template Name="Sub"> <div style="margin-left:20px;" id='div<webfort:ChannelField FieldName="ChannelID" /> '> <webfort:ChannelList> <webfort:ChannelCondition/> <webfort:ChannelItemTemplate> <div> <script language="javascript" type="text/javascript"> isBottom=returnIsBottom('<webfort:ChannelField FieldName="IsBottom" />'); if(isBottom){ document.write('<img src="/Template/default/bbs/images/list.gif" /><a href="<webfort:ChannelField FieldName="FolderPath" />" target="frmMain"><webfort:ChannelField FieldName="ChannelAlias" /></a>'); } else{ document.write('<img src="/Template/default/bbs/images/topic_t.gif" /><a href="#" onclick="expendNode(\'div<webfort:ChannelField FieldName="ChannelID" />\')"><webfort:ChannelField FieldName="ChannelAlias" /></a>'); } </script> </div> <webfort:CallTemplate Name="Sub" /> </webfort:ChannelItemTemplate> </webfort:ChannelList> </div> </webfort:Template> 上面代码用到了三种模板标签： webfort:ChannelList：此标签是列出子频道标签，根据条件列出子频道 webfort:ChannelField：此标签是输出频道的字段内容标签，根据后面的字段名输出频道字段 webfort:Template：此标签是模板模板标签，可以在其他任何地方调用此模板中定义的html代码 红色框中的代码是一个webfort:Template标签的模板体，在此模板体中使用了一个webfort:ChannelList标签来列出子频道，这里说明一下，任何模板在解析过程中都会有解析的环境，如：现在处在那个频道下、现在处在哪个文章下等等。模板体中列出了所有的子频道，并用js代码来判定是否是最底层频道，并在webfort:ChannelList的最后面调用此模板体，形成递归调用。蓝色框中的代码就比较简单，就是列出此频道环境下的子频道，并最后调用一下webfort:Template定义的模板体，调用模板体都是通过<webfort:CallTemplate Name="Sub" />代码来调用，后面的Name就是定义的模板体的名称。 上面这样的解释可能比较难以理解，不过如果用熟悉了webfort:ChannelList标签然后使用一下webfort:Template再来看这段代码，可能比较清楚。 上面这样的模板思路极度像是写了一个函数，然后供其他函数调用这么个概念。 上面的代码你放在任何模板中，都会输出子频道的无穷树。