织梦当前文章高亮显示,dedecms当前栏目高亮显示

客户要求当前这篇文章是当前文章就高亮显示,其实这类问题经常会用到,例如当前栏目高亮,导航显示当前所属高亮等,但是当前文章高亮其实还是很少能用到的。

例如当前栏目高亮:

{dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
<li><a href='[field:typelink/]' [field:rel/]><span>[field:typename/]</span></a></li>
</dede:channel>

但是当前文章高亮,如果是用dedecms自带的标签是肯定没有办法解决的。 大家肯定想到了,那我们就来修改php代码,这肯定是可以实现,但是问题也来了,问题dedecms一升级怎么办呢?一般我们处理客户网站能不通过修改php解决的问题一般不要去动,因为后期维护会出现很多麻烦。

其实当前栏目高亮也可以很简单的用js 来实现。

jquery代码简洁,首先我们要循环显示出来当前的文章,每篇文章

带上自己文章的id.这个很好理解吧,好了,我们又上代码了:

<li><a href='[field:arcurl/]' id='a_[field:id/]'>[field:title/]</a></li>

再接着我们要做一个记号,就是告诉程序,现在当前文章的id是多少。

<input type="hidden" value="{dede:field.aid/}" id="aaid">

这个就是将当前的文章的id记录下面,放在一个隐藏的value里面。

然后上代码:

<script>
$(document).ready(function(){
var cid=$("#aaid").val();
$("#a_"+cid).attr("style","color:#fff;");
});
</script>

相信大家都懂的,很好理解。

效果已经达到了,大家能理解了吧。


转载请说明出处内容投诉
留余网 » 织梦当前文章高亮显示,dedecms当前栏目高亮显示

发表评论

欢迎 访客 发表评论

网站仿制教程、DEDECMS织梦帝国zblog模板插件教程分享!

查看演示 联系站长