DedeCMS织梦

织梦DedeCMS当前文章高亮和当前栏目高亮显示

也想出现在这里?联系我们
创客云

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

例如当前栏目高亮:

也想出现在这里?联系我们
创客主机
  1. {dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}
  2. <li><a href='[field:typelink/]' [field:rel/]><span>[field:typename/]</span></a></li>
  3. </dede:channel>

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

也想出现在这里?联系我们
创客主机

jquery 代码简洁,首先我们要循环显示出来当前的文章,每篇文章。带上自己文章的 id.这个很好理解吧,好了,我们又上代码了:

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

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

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

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

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

相信大家都懂的,很好理解。效果已经达到了,大家能理解了吧。

服务范围 1、专业提供WordPress主题、插件汉化、优化、PHP环境配置等服务请详询在线客服
2、本站承接 WordPress、DedeCMS、ThinkPHP 等系统建站、仿站、开发、定制等服务
3、英文模板(主题)安装费用为120元/次,汉化主题首次免费安装(二次安装30元/次)
售后时间 周一至周五(法定节假日除外) 10:00-22:00
(0)

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

热评文章

发表评论

热销模板

高端信息技术产品展示DedeCMS织梦中英文模板

Envato

本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!