织梦对当前点击页面实现添加不同的class,实现高亮,需要一点点js和php的知识
首先第一步:
第一步:我们让文章标题中显示其对应的文章 id ,插入 id=“a_[field:id/]” ,代码如下:
{dede:arclist row='10' titlelen='50' }
<li><a href="[field:arcurl/]" id="a_[field:id/]">[field:title/]</a></li>
{/dede:arclist}
第二步:我们要做一个记号,就是告诉程序,现在当前文章的 id 是多少呢。代码如下:
input type="hidden" value="{dede:field.aid/}" id="aaid"> //文章的序号用field.aid
input type="hidden" value="{dede:field.id/}" id="aaid"> //列表的序号用field.id
第三步:用 js 代码判断当前 id 的文章标题,并添加颜色,代码如下:
<script>
$(document).ready(function(){
var cid=$("#aaid").val();
$("#a_"+cid).attr("style","color:red");
})
</script>
备注:其实这种用 js 判断当前文章 id 的方式,也可以用来判断当前栏目,获取当前栏目的标签是:{dede:type}[field:id/]{/dede:type},对上面的代码调整后,就可以给当前栏目设置高亮背景。
js的知识自己可以去完善,通过判断来源去设置相应的样式。