博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQ效果:地址栏链接与a标签链接匹配
阅读量:6701 次
发布时间:2019-06-25

本文共 436 字,大约阅读时间需要 1 分钟。

如题所述,当出现这样的功能,点击某个链接后,给跳转后的该链接地址添加样式,通过添加classcurrent来增加特殊样式。

如图所示:点击HTML+css3跳转后,给其添加如图样式:

js代码如下:

var currUrl = window.location.href;var currStyle = function (links){  links.each(function(){       var url = $(this).attr('href');       if (currUrl.indexOf(url) != -1){            $(this).addClass("current");            return false;       }  });}

怎样调用呢?如下jquery调用代码:

$(function(){   currStyle($("#sidebar .list a"));})

这样就实现了如图所示的功能。

转载地址:http://dpgoo.baihongyu.com/

你可能感兴趣的文章
面试官问我:平常如何对你的 Java 程序进行调优?
查看>>
Java中对象和引用的理解
查看>>
如何有效抓取SQL Server的BLOCKING信息
查看>>
bash中(),{},(()),[],[[]]的区别
查看>>
Oracle PL/SQL匿名块(三)
查看>>
模拟实现strstr
查看>>
解决Office系列安装不上的办法
查看>>
vimdiff的简单使用
查看>>
我的友情链接
查看>>
工作的习惯,看到好收藏下
查看>>
plone进行 用户和权限管理
查看>>
利用ACS来实现AAA服务
查看>>
VMware Workstation 8下Ubuntu 13.04中安装VMware Tools出错
查看>>
Tokyo Tyrant安装和配置
查看>>
php调试
查看>>
轻松获知数据库事务
查看>>
linux top命令详解
查看>>
Weblogic的管理服务器与受管服务器
查看>>
国内开源镜像站
查看>>
Eclipse下的项目管理插件介绍
查看>>