article_category_tree.lbi

非常漂亮的 ecshop 模板 希望大家能够喜欢。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div id="categoryTree" class="module_j globalModule">
<table cellspacing="0px" cellpadding="0px" width="100%" class="modhead_j">
  <tr>
	<td class="mhl_j" valign="top"></td>
	<td class="mhc_j" valign="top"><div class="inmhc_j"><h6 class="h6_j">文章分类</h6></div></td>
    <td class="mhr_j" valign="top"></td>
  </tr>
</table>
<table cellspacing="0px" cellpadding="0px" width="100%" class="modbody_j">
  <tr>
	<td class="mbl_j" valign="top"></td>
	<td class="mbc_j" valign="top">
	  <div class="inmbc"><!-- {foreach from=$article_categories item=cat} --><div class="toggleblock"><h4 class="toggletitle"><!-- {if $cat.children} --><span class="span_jr"><img src="../images/icon_list_down.gif" alt="-" /></span><!-- {/if} --><font class="fontpoint">·</font><a href="{$cat.url}">{$cat.name|escape:html}</a></h4><!-- {if $cat.children} --><ul class="ul_jtree"><!-- {foreach from=$cat.children item=child} --><li class="li_jtree"><span class="span_j01"><a href="{$child.url}">{$child.name|escape:html}</a></span></li><!-- {/foreach} --></ul><!-- {/if} --></div><!-- {/foreach} --></div>
	</td>
	<td class="mbr_j" valign="top"></td>
  </tr>
</table>
<table cellspacing="0px" cellpadding="0px" width="100%" class="modfoot_j">
  <tr>
	<td class="mfl_j" valign="top"></td>
	<td class="mfc_j" valign="top"></td>
	<td class="mfr_j" valign="top"></td>
  </tr>
</table>
</div>
<script type="text/javascript">
//<![CDATA[
  function getElementsByClassName(id,cls){
    var o=document.getElementById(id);
    var aelem=[],
    oaelem=o.getElementsByTagName("*");
    for(var i=0;i<oaelem.length;i++){
      if (oaelem[i].className==cls ){
        aelem[aelem.length]=oaelem[i];
      }
    }
    return aelem;
  }
  function slideshow(obj){
    obj.parentNode.parentNode.getElementsByTagName("ul")[0].style.display = "";
    obj.innerHTML = "<img src='../images/icon_list_down.gif' alt='-' />";
    obj.onclick = new Function("slidehidden(this)");
  }
  function slidehidden(obj){
    obj.parentNode.parentNode.getElementsByTagName("ul")[0].style.display = "none";
    obj.innerHTML = "<img src='../images/icon_list_up.gif' alt='+' />";
    obj.onclick = new Function("slideshow(this)");
  }
  var a=getElementsByClassName("categoryTree","toggleblock");
  for(var n=0;n<a.length;n++){
    var olink=a[n].getElementsByTagName("h4")[0].firstChild;
    olink.onclick = new Function("slidehidden(this)");
  }
//]]>
</script>