织梦频道页面显示子栏目名称js实现鼠标滑过划过显示子栏目的内容?

这篇文章主要为大家详细介绍了織梦用js实现当前栏目样式的高亮显示方法具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴

峩们在使用织梦dedecms做网站的时候,网站导航我们不少的时候需要实现当前栏目高亮显示这样的一种效果如下图所示:

这里我们一般有2种方法来实现,一个是程序判断法一个就是今天要给大家介绍的用js实现当前栏目样式的高亮显示方法。

判断当前URL对当前栏目高亮突出显示,重點是用indexOf来判断两个字符串中第一次出现的位置,如果没有出现就返回-1,出现就返回

其它,并与返回其它结果的那个字符串所在元素定义一个class样式

页面HTML代码如下:

使 用indexOf函数来比较是否页面的所有连接中,是否有当前页的URL地址出现若有的话,就表明是当前栏目那么就修改当前连接的样式。这就实现了当 前栏目高亮显示当前栏目高亮显示是一个很实用的技巧,在增加用户体验方面尤其有好处

但在实用过程中,鈳能需要注意一些细节问题比如网站是用外链的方 式来连接的,那么在处理的时候点了这个外链的时候就可能出现问题,所有需要特別注意

当然这样的方法是用的范围比较广泛,在很多的场合都是可以使用的大家可以根据自己的实际情况去使用。

以上就是织梦用js实現当前栏目样式的高亮显示方法的全部内容希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网


免责声明:本站所有素材资源均來自用户分享和网络收集仅供学习与参考,请勿用于商业用途如果损害了您的权利,请联系网站客服处理

我要回帖

更多关于 js实现鼠标滑过 的文章

 

随机推荐