ecshop左侧商品分类修改为可伸缩方式

更新时间:2013-02-04 点击量:3673

用到的文件包:

cat.rar

把文件解压,放到根目录即可。

修改文件:themes\default\library\category_tree.lbi
将其文件内容修改为:

[代码]xml代码:

<meta ;
<LINK href="/cat/css/niutuku.css" type=text/css rel=stylesheet>
<DIV class=pnav-cnt>
    <!--{foreach from=$categories item=cat}-->
    <DIV class=pnav-box id=letter-a>
    <DIV class=box-title><A class="btn-fold " href="#"></A><A class="btn-unfold hidden"
    href="#"></A><SPAN class=pnav-letter><A
      href="{$cat.url}"
      target=NT_PHVIEW>{$cat.name|escape:html}</A></SPAN></DIV>
    <!--{foreach from=$cat.cat_id item=child}-->
    <UL class="box-list hidden">
      <LI><A class=btn-fold href="#"></A><A
      class="btn-unfold hidden" href="#"></A><B><A
      href="{$child.url}"
      target=NT_PHVIEW>{$child.name|escape:html}</A> </B>
      <!--{foreach from=$child.cat_id item=childer}-->
      <H2 class=hidden><A
      href="{$childer.url}"
      target=NT_PHVIEW>{$childer.name|escape:html}</A></H2>
      <!--{/foreach}-->
      </LI>
      </UL>
      <!--{/foreach}-->
      </DIV>
      <!--{/foreach}-->
   
<SCRIPT src="/cat/js/niutuku.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
//<![CDATA[
(function(){
NTES("span.photo-search input[type=text]").addEvent("focus", function(){ this.value == this.defaultValue && (this.value = ""); }).addEvent("blur", function(){ this.value == "" && (this.value = this.defaultValue); });
    NTES("div.pnav-box div.box-title a.btn-fold").addEvent("click", function(e){
        e.preventDefault();
        var eleTitle = NTES(this.parentNode);
        NTES(this).addCss("hidden");
        eleTitle.$("a.btn-unfold").removeCss("hidden");
        NTES(eleTitle.parentNode).$("ul.box-list").removeCss("hidden");
    });
    NTES("div.pnav-box div.box-title a.btn-unfold").addEvent("click", function(e){
        e.preventDefault();
        var eleTitle = NTES(this.parentNode);
        NTES(this).addCss("hidden");
        eleTitle.$("a.btn-fold").removeCss("hidden");
        NTES(eleTitle.parentNode).$("ul.box-list").addCss("hidden");
    });
    NTES("div.pnav-box ul.box-list a.btn-fold").addEvent("click", function(e){
        e.preventDefault();
        var eleTitle = NTES(this.parentNode);
        NTES(this).addCss("hidden");
        eleTitle.$("a.btn-unfold").removeCss("hidden");
        eleTitle.$("h2").removeCss("hidden");
    });
    NTES("div.pnav-box ul.box-list a.btn-unfold").addEvent("click", function(e){
        e.preventDefault();
        var eleTitle = NTES(this.parentNode);
        NTES(this).addCss("hidden");
        eleTitle.$("a.btn-fold").removeCss("hidden");
        eleTitle.$("h2").addCss("hidden");
    });
    new NTES.ui.Slide(NTES("ul.photo-snav li"), NTES("div.photo-scnt"), "active", "mouseover", 6000);
})();
//]]>
</SCRIPT>
</DIV>



修改完成之后,刷新首页,即可看到效果。



支付宝扫码打赏 微信打赏

如果文章对您有帮助,就打赏一个吧

在线客服

客户服务

热线电话:

0755-36656507 15889489919 服务时间:

周一到周六:9:00-18:00

在线QQ客服

在线微信客服

关于我们 常见问题

支付方式 加盟合作

提交需求
优惠红包 购物车0 反馈留言 返回顶部