web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

帝国cms效果之利用JS使当前栏目无限级高亮控制

303 ℃
     

首先我们要用到灵动标签从数据库取出对应的栏目名称:
一、若要取出所有的最顶级的栏目名称选择:bclassid=0,其中 id="cid<?=$bqr[classid]?> 就是要拿到当前页面的ID值

[e:loop={'select classid,classname,classpath from [!db.pre!]enewsclass where bclassid=0 and showclass=0 order by myorder',0,24,0}]
<li id="cid<?=$bqr[classid]?>" <?=currentPage($GLOBALS[navclassid],$bqr[classid])?>>
<a href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" target="_self" ><?=$bqr[classname]?></a>
</li>
[/e:loop]

二、若要取出固定的栏目:可以将bclassid=59,这个值就是你的父栏目的ID值,其中 id="cid<?=$bqr[classid]?> 就是要拿到当前页面的动态ID值,生成的字符是cid28,cid29,cid30等等。

[e:loop={'select classid,classname,classpath from [!db.pre!]enewsclass where bclassid=59 and showclass=0 order by myorder',0,24,0}]
<li> <a id="cid<?=$bqr[classid]?>" href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" target="_self" >
<?=$bqr[classname]?>
</a> </li>
[/e:loop]

把js在其下面加载,JS代码如下,其中cur2 就是你的定住并要显示高亮的样式,不过多赘述。

<script type="text/javascript">
var myid = document.getElementById('cid[!–self.classid–]');
myid.className = 'cur2';
</script>

变量说明:
[!–self.classid–] 代表当前的栏目ID数值
<?=$bqr[classid]?> 代表栏目ID

其他方法参考:
首先要在userfun.php文件中加如下代码:

function currentPage($classid, $thisid) {
    global $class_r;
    $fr = explode('|', $class_r[$classid][featherclass]);
    $topbclassid = $fr[1] ? $fr[1] : $classid; //取得第一级栏目id
    if ($topbclassid == $thisid) {
        echo "class='menuon'";
    } else {}
}
function OnePage($classid, $thisid) {
    global $class_r;
    $fr = explode('|', $class_r[$bclassid][featherclass]);
    $topbclassid = $fr[1] ? $fr[1] : $classid; //取得子栏目id
    if ($topbclassid == $thisid) {
        echo "bmenuon";
    } else {}
}
<ul>
<li class="menuon"><a href="[!–news.url–]" target="_self">首页</a></li>
[e:loop={'select classid,classname,classpath from [!db.pre!]enewsclass where bclassid=0 and showclass=0 order by myorder',0,24,0}]
<li id="cid<?=$bqr[classid]?>" <?=currentPage($GLOBALS[navclassid],$bqr[classid])?>>
<a href="<?=$public_r[newsurl]?><?=$bqr[classpath]?>" target="_self" ><?=$bqr[classname]?></a>
</li>
[/e:loop]
</ul>

纯js实现文字无缝滚动(亲测有效)

数组相关运用

织梦DedeCms实现无限数量的交叉副栏目的方法

织梦dedecms什么时候用栏目交叉功能?如何使用?

如何去掉或修改DeDe织梦二级栏目标题title中的斜

标签: bclassid, cid, classid, id, 栏目

上面是“帝国cms效果之利用JS使当前栏目无限级高亮控制”的全面内容,想了解更多关于 帝国cms 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_974.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > 帝国cms
本文共计1898个字,预计阅读时长13分钟
生活小工具,收录了80多款小工具
上一篇: 推荐2款充满科技感的艺术字体——小新黑体、小新潮酷体
下一篇: 推荐一款浏览器数据库的开源工具库——Dexie.js(JavaScript调用)
x 打工人ai神器