实用代码之2

1Next >

updatex	发表于：10-09-02 15:47 [取消收藏] [添加收藏] 楼主 [回复] #Top#
人气：1523 积分：1531 金币：32550	大家好，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，就是玩出自己的花样。好名字容易娶媳妇？ SEO学堂悦买网-专业导购网地方站长集结1号群 Ta最近还发表过 [分享] 2025报到 (25-03-01) [分享] 我想再用Kingcms6.0做几个网站玩玩 (24-09-22) [分享] 最近做了一个用户登录短信验证（阿里云的） (24-09-18) [分享] 2024你好kingcms (24-05-17) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24) 随机阅读 [疑问] 太无语了，想收钱也得给个试用吧？ (16-12-04) [疑问] 单页，能否做成独立文件夹的模式？ (13-01-31) [分享] 关于php版后台分页bug解决方法 (12-08-31) [使用] 防爆FCKEDITOR的上传代码 (12-01-17) [其他] 想找本PHP的书搜了几个大的网购都没货了坑嗲的 (11-11-21)

updatex

发表于：10-09-02 15:47 [取消收藏] [添加收藏] 楼主 [回复] #Top#

人气：1523 积分：1531 金币：32550

大家好，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，就是玩出自己的花样。

好名字容易娶媳妇？ SEO学堂悦买网-专业导购网地方站长集结1号群

Ta最近还发表过 [分享] 2025报到 (25-03-01) [分享] 我想再用Kingcms6.0做几个网站玩玩 (24-09-22) [分享] 最近做了一个用户登录短信验证（阿里云的） (24-09-18) [分享] 2024你好kingcms (24-05-17) [使用] kingcms+chatgpt 输入标题自动生成文章内容如何？ (23-11-24)

随机阅读 [疑问] 太无语了，想收钱也得给个试用吧？ (16-12-04) [疑问] 单页，能否做成独立文件夹的模式？ (13-01-31) [分享] 关于php版后台分页bug解决方法 (12-08-31) [使用] 防爆FCKEDITOR的上传代码 (12-01-17) [其他] 想找本PHP的书搜了几个大的网购都没货了坑嗲的 (11-11-21)

zongxiao08	发表于：11-04-26 20:49 沙发 [回复] #Top#
人气：145 积分：994 金币：3553	还啊

xiekewen	发表于：11-05-25 10:17 板凳 [回复] #Top#
人气：19 积分：253 金币：798	板凳

zhyc	发表于：11-10-02 14:22 4楼 [回复] #Top#
人气：8 积分：381 金币：1336	不错！

无聊的飞翔	发表于：11-10-02 20:30 5楼 [回复] #Top#
人气：402 积分：1696 金币：20053	这样的帖子我见一次顶一次，虽然我没太明白

pgzx995	发表于：17-12-10 23:22 6楼 [回复] #Top#
人气：0 积分：802 金币：2165	我也不太明白，

zhyc	发表于：18-03-03 11:58 8楼 [回复] #Top#
人气：8 积分：381 金币：1336	mark

1Next >

发表回复

帐号	匿名发布审核后可见 [加载完整在线编辑器]
内容
验证码	计算题太难?换个简单点的.

我已认真阅读服务条款，并遵守具体协议内容

KingCMS 内容管理系统

关于我们联系我们广告报价付款方式站点导航

广州唯众网络科技有限公司粤ICP备08008106号