[织梦教程] 用js网页特效代码分享设置织梦当前文章标题高亮显示的方法

[复制链接]
查看1498 | 回复8 | 2019-3-23 10:12:47 | 显示全部楼层 |阅读模式
用织梦建站时,有时候需要在内容页中,让当前文章标题高亮显示,如下图:


 
织梦默认的标签中没有这种设置,通常我们可以更改系统的php文件,但如果织梦升级了,那么你更改的系统文件就被还原了,所以通常要达到这个效果,我们可以用javascript的方法。具体方法如下:
1、第一步我们让文章标题中显示其对应的文章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}
2、第二步,我们要做一个记号,就是告诉程序,现在当前文章的id是多少呢。代码如下:
<input type="hidden" value="{dede:field.aid/}" id="aaid">
这个就是将当前的文章的id记录下面,放在一个隐藏的value里面。
 
3、第三步,用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},对上面的代码调整后,就可以给当前栏目设置高亮背景。感兴趣的话,可以自己试试。
从0基础开始学习织梦dedecms建站,分享全套的织梦dedecms网站搭建教程、织梦安装使用教程。 汇聚了最全、最新的织梦cms建站教程。包含dedecms建站、仿站教程;dedecms系统使用常见问题;主题插件推荐下载等!欢迎学习!
回复

使用道具 举报

李墨285 | 2021-1-20 11:41:35 | 显示全部楼层
悟空源码资源不错。粉了
回复

使用道具 举报

勇敢的树袋熊1 | 2021-10-1 22:58:07 | 显示全部楼层
这个资源都有真不错
回复

使用道具 举报

小菊花之米 | 2022-6-1 06:31:25 | 显示全部楼层
资源太多了,准备办个会员
回复

使用道具 举报

小鑫鑫鑫h | 2022-6-1 14:10:09 | 显示全部楼层
加油!悟空源码,继续努力!支持你!
回复

使用道具 举报

韭菜555 | 2022-8-31 08:45:55 | 显示全部楼层
这个下载站资源真齐全
回复

使用道具 举报

万象争辉1 | 2023-4-2 19:22:15 | 显示全部楼层
资源太多了,准备办个会员
回复

使用道具 举报

zmhg799417 | 2023-6-18 00:25:15 | 显示全部楼层
5kym.cn这个站资源太全了
回复

使用道具 举报

银鲜目江探 | 2023-8-7 10:52:28 | 显示全部楼层
很不错的资源站
回复

使用道具 举报

国留局劳 | 2023-8-13 14:14:34 | 显示全部楼层
找了很多地方都不能下载,终于在悟空源码找到了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则