正文

织梦arclist标签JS实现高亮显示教程

一航
一航 V管理员 /0 评论 /1118 阅读
0518
此篇文章发布距今已超过374天，您需要注意文章的内容或图片是否可用！

用 建站时，有时候需要在内容页中，让当前文章标题高亮显示，今天秀站网小编分享使用JS方法来实现高亮显示：

    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、第二步， 58教大家要做一个记号，就是告诉程序，现在当前文章的id是多少呢。代码如下：       <input type=”hidden” value=”{dede:field.AId/}” id=”xiuzhanwang”>       这个就是将当前的文章的id记录下面，放在一个隐藏的value里面。           3、第三步，用js代码判断当前id的文章标题，并添加颜色，代码如下：    

<script>       $(document).ready(function(){       var cid=$(“#xiuzhanwang”).val();       $(“#a_”+cid).attr(“class”,”hover”);       })       </script>

4、全部添加好之后案例代码如下：

{dede:arclist titlelen=’45’ row=’20’ }

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

{/dede:arclist}

<input type=”hidden” value=”{dede:field.AId/}” id=”xiuzhanwang”>

<script>

$(document).ready(function(){

var cid=$(“#xiuzhanwang”).val();

$(“#a_”+cid).attr(“class”,”hover”);

})

</script>

<style>

.hover{color:#F00}

</style>

这里class=“hover” 是高亮的样式，需要您写一个高亮的样式。

郑重声明 1 本站:优惠屋,永久网址: [www.yhwu.com]如遇链接失效、无法下载等情况，请联系管理员处理！
2 本站分享的资源仅为学习研究使用不得进行商业运营，不得违法使用！您必须在下载后24小时内删除！
3 本站分享的资源均来源于网络，不保证100%可用，不提供任何的一对一教学指导，风险请自行甄别！
4 站内资源标价费用仅为维持本站日常运营所需！因虚拟商品具有可复制性，一经拍下概不退款！
5 因精力有限，无法识别资源内是否含有病毒等计算机恶意代码，使用请注意信息安全。
6 本站资源来源于网络。如发现有涉嫌抄袭侵权等内容， 请发送邮件联系我们，我们将积极应对删除处理。