实用代码之2获取当前栏目的焦点

大家好，KingCMS中，一直没有当前文章，当前栏目这样的属性。
这个属性很重要，做什么用呢?
比如，生成一个栏目菜单，点击栏目菜单进入后，必然希望菜单栏这个栏目的菜单项改变一下样式，以便和其他菜单项目区分开。

没有这个功能，我们可以自己开创，过程很简单。
我以网站的左边导航菜单为例：
第一步：生成一个碎片，碎片名称：left_menu_article
<ul>
<div id="LeftMenu">
{king:portal.article type="new" modelid="6" listid='(king:listid/)'}
<li id='left_menu_{king:kid/}'>
<div><a href="{king:path/}">{king:title/}</a></div>
</li>
{/king:portal.article}
</ul>
{king:block name='js_left_menu_article' /}
</div>
第二步：再生成一个碎片，碎片名称：js_left_menu_article
<script language="javascript">
active_left_menu = "left_menu_{king:listid/}";
activeID = document.getElementById(active_left_menu);
if(activeID)activeID.className="Active";
</script>
第三步：在自己的CSS文件内加入对应的CSS代码
/* 左侧导航菜单 */
#LeftMenu
{
        width:230px;
        margin:0px auto;
}
#LeftMenu ul
{
        list-style-type:none;
        margin:0px;
        padding:0px;
}
#LeftMenu ul li
{
        border-bottom:solid 1px #A9A9A9;
        padding:2px 0px;
}
/* 菜单项目 */
#LeftMenu ul li div
{
        padding:6px 18px;
}
#LeftMenu ul li div a:link, #LeftMenu ul li div a:visited
{
        color:#343434;
        text-decoration:none;
}
#LeftMenu ul li div a:hover
{
        color:#9D222B;
}
/* 激活的菜单项目 */
#LeftMenu ul li.Active div
{
        background:url("../images/leftmenu_act_bg.gif") #ccc;
        color:White;
}
#LeftMenu ul li.Active div a:link, #LeftMenu ul li.Active div a:visited
{
        color:White;
}
 
具体的效果，请参考：
http://www.bizark.net/about/intro.html

思考题：
上面只针对栏目菜单，对于文章列表也可以实现同样的效果，我的网站是实现了的，大家自己看看，如何改变上述的代码，从而实现文章列表的当前列表效果。
玩KingCMS，就是玩出自己的花样。

恩，这个代码实用谢谢分享

LZ 网站上的那个分页是怎么做的啊，是asp版的么

Reply: 板凳
他用的是PHP的啊

楼主这个代码很不错的

Reply: 板凳
http://www.bizark.net/system/login.php

不用js也可实现，很简单：
在页面中写个<style></style>,里面根据listid设置当前css属性即可。比如
<style>.nav_{king:listid/}{background:#eee;}<style>
在导航里用class="nav_{king:listid/}"就可以在当前栏目应用这个属性了。

Reply: 6楼
硬编码的方式！？

好东西，谢谢分享