标题: [待解决] 首页有很多二级分类,如何收缩[图]
eremiter
高级会员
Rank: 3Rank: 3


UID 489
精华 0
积分 233
帖子 232
体力 39 点
钻石 0 颗
贡献 0
阅读权限 30
注册 2006-9-3
状态 离线
发表于 2008-4-19 20:33  资料  个人空间  短消息  加为好友 
首页有很多二级分类,如何收缩[图]

如下图,国产手机,有太多二级分类,如何设置,收缩起来,只有用户点击时候,才会伸出来,请问模板代码,如何修改,谢谢



查看积分策略说明
附件
2008-4-19 20:33
sort.gif (4.84 KB)
 
顶部
eremiter
高级会员
Rank: 3Rank: 3


UID 489
精华 0
积分 233
帖子 232
体力 39 点
钻石 0 颗
贡献 0
阅读权限 30
注册 2006-9-3
状态 离线
发表于 2008-4-20 22:56  资料  个人空间  短消息  加为好友 
有没有人知道,谢谢

顶部
卖否姊妹站—买否(商品搜索)公开测试
晋城汽车网
EC新手
Rank: 1



UID 23830
精华 0
积分 9
帖子 5
体力 2 点
钻石 0 颗
贡献 0
阅读权限 10
注册 2007-12-17
状态 离线
发表于 2008-4-20 22:57  资料  个人空间  短消息  加为好友 
高,实在是高,

顶部
淘宝路上
EC新手
Rank: 1



UID 32186
精华 0
积分 24
帖子 48
体力 0 点
钻石 0 颗
贡献 0
阅读权限 10
注册 2008-4-20
状态 离线
发表于 2008-4-21 00:47  资料  个人空间  短消息  加为好友 
自己到网上找个收缩菜单的代码就可以了





顶部
ship763
正式会员
Rank: 2


UID 32208
精华 0
积分 73
帖子 88
体力 9 点
钻石 0 颗
贡献 2
阅读权限 20
注册 2008-4-21
状态 离线
发表于 2008-4-21 15:10  资料  个人空间  主页 短消息  加为好友  添加 ship763 为MSN好友 通过MSN和 ship763 交谈 QQ
正在弄这个,,把代码贴给你,,,要什么效果外观自己通过CSS控制

<div  class="compAdminCA">
                        <script language="javascript" type="text/javascript">
                                n4 = (document.layers)?1:0
                                e4 = (document.all)?1:0;
                                // --- 获取ClassName
                                document.getElementsByClassName = function(cl) {
                                var retnode = [];
                                var myclass = new RegExp('\\b'+cl+'\\b');
                                var elem = this.getElementsByTagName('*');
                                for (var j = 0; j < elem.length; j++) {
                                var classes = elem[j].className;
                                if (myclass.test(classes)) retnode.push(elem[j]);
                                }
                                return retnode;
                                }
                                // --- 隐藏所有
                                function HideAll() {
                                var items = document.getElementsByClassName("optiton");
                                for (var j=0; j<items.length; j++) {
                                items[j].style.display = "none";
                                }
                                }
                                // --- 设置cookie
                                function setCookie(sName,sValue,expireHours) {
                                var cookieString = sName + "=" + escape(sValue);
                                //;判断是否设置过期时间
                                if (expireHours>0) {
                                 var date = new Date();
                                 date.setTime(date.getTime + expireHours * 3600 * 1000);
                                 cookieString = cookieString + "; expire=" + date.toGMTString();
                                }
                                document.cookie = cookieString;
                                }
                                //--- 获取cookie
                                function getCookie(sName) {
                                  var aCookie = document.cookie.split("; ");
                                  for (var j=0; j < aCookie.length; j++){
                                var aCrumb = aCookie[j].split("=");
                                if (escape(sName) == aCrumb[0])
                                  return unescape(aCrumb[1]);
                                  }
                                  return null;
                                }
                                window.onload = function() {
                                var show_item = "opt_1";
                                if (getCookie("show_item") != null) {
                                 show_item= "opt_" + getCookie("show_item");
                                }
                                document.getElementById(show_item).style.display = "block";
                                var items = document.getElementsByClassName("title");
                                for (var j=0; j<items.length; j++) {
                                items[j].onclick = function() {
                                var o = document.getElementById("opt_" + this.name);
                                if (o.style.display != "block") {
                                HideAll();
                                o.style.display = "block";
                                setCookie("show_item",this.name);
                                }
                                else {
                                o.style.display = "none";
                                }
                                }
                                }
                                }
                                function showsubmenu(sid)
                                {
                                        whichEl = eval(document.getElementById("tt" + sid));
                                        //alert('sadas');
                                        if (whichEl.style.display!='block')
                                                {
                                                document.getElementById("tt" + sid).style.display="block";
                                                //eval("t" + sid + ".src=\"nofollow.gif\";");
                                                if(e4)
                                                        document.getElementById("t" + sid).innerText="-";
                                                else
                                                        document.getElementById("t" + sid).textContent="-";
                                                }
                                        else
                                                {
                                                document.getElementById("tt" + sid).style.display="none";
                                                //eval("t" + sid + ".src=\"plus.gif\";");
                                                if(e4)
                                                        document.getElementById("t" + sid).innerText="+";
                                                else
                                                        document.getElementById("t" + sid).textContent="+";
                                               
                                                }
                                }
                </script>
                        <ul id="menu">
                        <li class="item"><a href="javascript:void(0)" class="title" name="1">基本信息</a>
                          <ul id="opt_1" class="optiton">
                           <li><span id="t1"></span><a href="javascript:showsubmenu(1);">二级菜单1</a></li>
                                        <ul id="tt1"  style="display:;" class="list">
                                          <li><a href="1.htm" target="main">三级菜单</a></li>
                                          <li><a href="2.htm" target="main">企业简介</a></li>
                                          <li><a href="2.html">企业简介</a></li>
                                          <li><a href="#">企业简介</a></li>
                                          <li><a href="#">企业简介</a></li>
                                        </ul>
                          <!--  -->       
                                  <li><span id="t2"></span><a href="javascript:showsubmenu(2);">二级菜单2</a></li>
                                        <ul id="tt2" style="display:" class="list">
                                          <li><a href="#">三级菜单</a></li>
                                          <li><a href="#">企业简介</a></li>
                                          <li><a href="#">企业简介</a></li>
                                          <li><a href="#">企业简介</a></li>
                                          <li><a href="#">企业简介</a></li>
                                        </ul>
                          
                          </ul>
                        </li>
                        <li class="item"><a href="javascript:void(0)" class="title" name="2">系统管理</a>
                          <ul id="opt_2" class="optiton">
                          <li><a href="#">会员管理</a></li>
                          <li><a href="#">管理员设置</a></li>
                          <li><a href="#">权限组设置</a></li>
                          <li><a href="#">退出系统</a></li>
                          </ul>
                        </li>
                        <li class="item"><a href="javascript:void(0)" class="title" name="3">系统管理</a>
                          <ul id="opt_3" class="optiton">
                          <li><a href="#">会员管理</a></li>
                          <li><a href="#">管理员设置</a></li>
                          <li><a href="#">权限组设置</a></li>
                          <li><a href="#">退出系统</a></li>
                          </ul>
                        </li>
                        </ul>   
        </div>


顶部
openwings
正式会员
Rank: 2



UID 1429
精华 0
积分 60
帖子 78
体力 7 点
钻石 0 颗
贡献 0
阅读权限 20
注册 2006-10-6
状态 离线
发表于 2008-4-21 16:01  资料  个人空间  短消息  加为好友  QQ
我记得是可以设置的.....
不过好象是2.1.5版本的某一个模板
...
时间太久..
忘记了..
期待楼下高手





正式进军ECSHOP!本人是SHOPEX模板DIY斑竹!
一切都向JS看齐!
顶部
eremiter
高级会员
Rank: 3Rank: 3


UID 489
精华 0
积分 233
帖子 232
体力 39 点
钻石 0 颗
贡献 0
阅读权限 30
注册 2006-9-3
状态 离线
发表于 2008-4-22 19:33  资料  个人空间  短消息  加为好友 


QUOTE:
原帖由 ship763 于 2008-4-21 15:10 发表
正在弄这个,,把代码贴给你,,,要什么效果外观自己通过CSS控制


                        
                                n4 = (document.layers)?1:0
                                e4 = (document.all)?1:0;
                                // --- 获取ClassName
                                document.getElementsByClassName = f ...

感谢您无私奉献,但原来分类有链接,所以不懂如何套上去,原来分类的代码如下。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<div class="col-box" id="category-tree">
  <h3>商品分类</h3>
  <div class="col-box-content">
    <!-- {foreach from=$categories item=cat} -->
    <ul>
      <li>
        <h4><a href="{$cat.url}">{$cat.name|escape:html}</a></h4>
        <!-- {foreach from=$cat.children item=child} -->
        <a href="{$child.url}">{$child.name|escape:html}</a>
        <!-- {/foreach} -->
      </li>
    </ul>
    <!-- {/foreach} -->
  </div>
</div><!-- /col-box -->


顶部
eremiter
高级会员
Rank: 3Rank: 3


UID 489
精华 0
积分 233
帖子 232
体力 39 点
钻石 0 颗
贡献 0
阅读权限 30
注册 2006-9-3
状态 离线
发表于 2008-5-11 10:41  资料  个人空间  短消息  加为好友 
有没人知道,套不上去

顶部
eremiter
高级会员
Rank: 3Rank: 3


UID 489
精华 0
积分 233
帖子 232
体力 39 点
钻石 0 颗
贡献 0
阅读权限 30
注册 2006-9-3
状态 离线
发表于 2008-5-11 10:50  资料  个人空间  短消息  加为好友 
哈哈,刚刚搞定,人还是要靠自己

顶部
 



当前时区 GMT+8, 现在时间是 2008-7-7 01:33

    本论坛支付平台由支付宝提供
携手打造安全诚信的交易社区 Powered by Discuz! 5.5.0  © 2001-2007 Comsenz Inc.
Processed in 0.052585 second(s), 7 queries , Gzip enabled

清除 Cookies - 联系我们 - 康盛创想(北京)科技有限公司 - Archiver - WAP