- 帖子
- 12
- 积分
- 113
- 体力
- 49 点
- 金币
- 58
- 威望
- 0
|
网上找不到的东西,有用到的可以拿去但是还出现一个问题,在3J列表只出现当前栏目的平行分类
这是3J列表的情况,请教高手如何也显示上面图片的样式
教程开始:
category.lib里我引用的是categorytree.lib
修改categorytree.lib
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <script language="javascript">
- function expandIt(divId){
- var objDiv = document.getElementById(divId);
- var spobjDiv=document.getElementById("sp"+divId);
- if (objDiv.style.display=="none"){
- spobjDiv.src='/images/menu_minus.gif';
- objDiv.style.display="";
- }else{
- spobjDiv.src='/images/menu_plus.gif';
- objDiv.style.display="none";
- }}
- </script>
- <style>
- .content h1{color:#fff; background-color:#919191; font-size:16px; height:40px; line-height:40px; text-indent:10px;}
- dt.item_p{width:238px; height:35px; line-height:35px; text-indent:30px; border-bottom:1px #ccc solid; font-size:13px;}
- dt.item_p:hover{background-color:#eee;}
- dt img{float:right; padding:10px 10px 0 0;}
- dt#ico16{background:url(images/treeico.jpg) no-repeat; background-position:0px 0px;}
- dt#ico16:hover{background:url(images/treeico2.jpg) no-repeat; background-position:0px 0px; background-color:#eee;}
- dt#ico17{background:url(images/treeico.jpg) no-repeat; background-position:0px -36px;}
- dt#ico17:hover{background:url(images/treeico2.jpg) no-repeat; background-position:0px -36px; background-color:#eee;}
- dt#ico18{background:url(images/treeico.jpg) no-repeat; background-position:0px -72px;}
- dt#ico18:hover{background:url(images/treeico2.jpg) no-repeat; background-position:0px -72px; background-color:#eee;}
- dt#ico81{background:url(images/treeico.jpg) no-repeat; background-position:0px -108px;}
- dt#ico81:hover{background:url(images/treeico2.jpg) no-repeat; background-position:0px -108px; background-color:#eee;}
- dt#ico93{background:url(images/treeico.jpg) no-repeat; background-position:0px -144px;}
- dt#ico93:hover{background:url(images/treeico2.jpg) no-repeat; background-position:0px -144px; background-color:#eee;}
- dt#ico133{background:url(images/treeico.jpg) no-repeat; background-position:0px -180px;}
- dt#ico133:hover{background:url(images/treeico2.jpg) no-repeat; background-position:0px -180px; background-color:#eee;}
- dt.item_p a{ color:#000;}
- .content dl dd{font-size:12px; text-indent:45px; background-color:#f4f4f4;}
- .content dl dd p{height:28px; line-height:28px; border-bottom:1px #ccc dashed; width:230px; margin:0 auto;}
- .content dl dd a{color:#000;}
- .content dl dd a:hover{background-color:#ed145b; padding:3px; color:#fff;}
- span.dian{padding-right:8px;}
- </style>
- <div class="area" id="category_tree">
- <div class="top"><span></span></div>
- <div class="content">
- <h1>所有分类</h1>
- <dl>
- <!--{foreach from=$categories item=cat}-->
- <dt class="item_p" id="ico{$cat.id}">{if $cat.cat_id}<img src="/images/menu_minus.gif" id="spcattree{$cat.id}" onClick="expandIt('cattree{$cat.id}');" border=0>{/if}<a href="{$cat.url}">{$cat.name|escape:html}</a></dt>
- <dd id="cattree{$cat.id}" <a href="{$cat.url}" {if $cat.id eq $category}style="display:block"{else}style="display:none"{/if}>
- <!--{foreach from=$cat.cat_id item=child}-->
- {if $child.cat_id}<p><img src="/images/menu_minus.gif" id="spcattree{$child.id}" onClick="expandIt('cattree{$child.id}');" border=0>{else}<p>{/if}<span class="dian">·</span><a href="{$child.url}" onfocus="this.blur()">{$child.name|escape:html}</a></p>
- <!--{/foreach}-->
- </dd>
- <!--{/foreach}-->
- </dl>
- </div>
- <div class="bottom"><span></span></div>
- </div>
复制代码
- <dd id="cattree{$cat.id}" <a href="{$cat.url}" {if $cat.id eq $category}style="display:block"{else}style="display:none"{/if}>
复制代码
意思是如果是当前栏目id{if $cat.id eq $category}那么style样式display:block,否则display:none
因为display:block是展开,display:none是关闭 |
|