K9 通用版 博客版 主题版 地方门户版 企业版 |   企业(ASP) 分类 使用 分享 疑问 模板 建议 帮助 错误 其他
+新建主题 [Ajax]
填写帐号密码即可完成注册
+新建话题 最新回复排序 最新主题排序 精华帖子

kingcms asp用JS与kingcms编号标签实现当前菜单高亮

1Next >

dujun0618 发表于:13-04-12 11:03 [添加收藏] 楼主 [回复] #Top#
dujun0618 人气:149 积分:7 金币:26656
kingcms的模板+标签功能很好,可是有时要实现一些常见功能,却有些力不从心,比如实现当前菜单高亮显示,虽然不算是大功能,但是用户体验非常好。有人说KC的{king:guide}面包屑可以显示当前位置,但是这只是文字的,而且有的页面不会用这个面包屑导航的。

我以前写过一篇文章《kingcms5.1通过king标签参数实现所有静态页识别当前导航菜单项》是直接通过修改代码实现的,生成的代码配合CSS就可以让当前菜单高亮,而这次不用修改代码,通过配合JS实现。

实现方法:
一、在菜单项上标上编号,以单页管理为例,这个编号就是单页的编号
<DIV class=leftmenutitle01 id=leftmenu>
<A id=55 href="/about/aboutus">公司概况</A>
<A id=56 href="/about/culture">企业文化</A>
<A id=58 href="/about/development">发展历程</A>
<A id=57 href="/about/joinus">招贤纳士</A>
</DIV>
kingcms asp用JS与kingcms编号标签实现当前菜单高亮[图1]

二、在这些单页的共同模板里加一个隐藏的文本框,值是{king:id/}
<input type="hidden" id="currenleftmenuid" value="{king:id/}" />

三、在这些单页的共同模板里加一段JS代码,识别当前编号的
要看JS代码请看原文:http://www.cnit618.com/html/kyxt/kingcms/2973.htm

实现的效果如图:
kingcms asp用JS与kingcms编号标签实现当前菜单高亮[图2]
shgxgs 发表于:13-04-12 11:15 沙发 [回复] #Top#
shgxgs 人气:0 积分:9 金币:20
真的是非常有意思啊
dujun0618 发表于:13-04-12 17:24 4楼 [回复] #Top#
dujun0618 人气:149 积分:7 金币:26656
Reply: 板凳
谢谢支持,很实用,代码量少的方法,不过这是用于单页的,如果是文章的话,就要用{king:listid/}

1Next >

发表回复

帐号 匿名发布 审核后可见 [加载完整在线编辑器]
内容
验证码
KingCMS 内容管理系统

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

Copyright © 2004-2015 Focuznet All rights reserved.

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

中奖了!