jquery 地址栏链接与a标签链接匹配 特效代码总结(二)
2015-08-24 13:05
495 查看
如题所述,当出现这样的功能,点击某个链接后,给跳转后的该链接地址添加样式,通过添加class为current来增加特殊样式。
如图所示:点击HTML+css3跳转后,给其添加如图样式:
js代码如下:
怎样调用呢?如下jquery调用代码:
这样就实现了如图所示的功能。
如图所示:点击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")); })
这样就实现了如图所示的功能。
相关文章推荐
- jquery extend的用法
- jquery/js特效代码总结(一):tab切换
- jquery+CSS实现的水平布局多级网页菜单效果
- jQuery实现的背景动态变化导航菜单效果
- Jquery获取表单select元素的文本
- 0000005_java学习之路_ko+jquery获取select选中项信息
- jquery带下拉菜单和焦点图代码分享
- jQuery仿360导航页图标拖动排序效果代码分享
- js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
- jquery--创建一个自定义 jQuery 插件
- jquery--jQuery.extend 函数详解
- jquery实现的蓝色二级导航条效果代码
- angular 封装 Jquery插件时作用域问题
- jquery实现的仿天猫侧导航tab切换效果
- 一个通过JSONP跨域调用WCF REST服务的例子(以jQuery为例)
- jquery1.9删除的browser,live,die,sub,toggle的替换方法
- jquery实现适用于门户站的导航下拉菜单效果代码
- jQuery插件Jeditable的使用(Struts2处理)
- jquery性能优化高级技巧
- jQuery getJson