用JQUERY实现给当前页面导航一个CSS
今天遇到一个问题
当我在导航中点击一个标签后
希望用户知道自己所在导航的位置
只需要根据点击的页面是否加载完成
给这个标签用JS 添加一个CCcurr的
也就是我们常说的current CLASS
代码如下:
<script type="text/javascript" language="javascript">
$('ul li a').each(function(){
if($($(this))[0].href==String(window.location))
$(this).parent().addClass('CCcurr');
});
</script>
转载于:https://www.cnblogs.com/goodbeypeterpan/p/3979827.html
用JQUERY实现给当前页面导航一个CSS相关推荐
- 使用AJAX做一个页面导航模糊匹配下拉框
使用AJAX做一个页面导航模糊匹配下拉框 绪论:使用AJAX页面导航模糊匹配下拉框 使用软件: Vs2019 实现方式:三层架构 功能实现是下面的图片 类似就是这样,下面把主样式界面代码放出来 < ...
- 一款基jquery超炫的动画导航菜单
今天给大家分享一款基jquery超炫的动画导航菜单.这款导航菜单,初始时页面中间一个按钮,单击按钮,菜单从左侧飞入页中.再次单击按钮,导航飞入左侧消息.动画效果很非常炫.一起看下效果图: 在线预览 ...
- 分享一款jQuery全屏滚动页面特性案例
分享一款jQuery全屏滚动页面特性案例. 我们在来往官网,或者小米官网都会看到全屏滚动页面的一些例子.可以说全屏滚动页面越来越受欢迎.它们就像是竖着的图片轮转一样. 这样的页面有很多,如:iPhon ...
- html5导航菜单置顶,jQuery和css3顶部固定导航菜单特效插件
这是一款非常实用的jQuery和css3顶部固定导航菜单特效插件.我们曾经在很多网站上都看到过这种顶部固定导航菜单特效.Disqus For Websites的导航菜单就是一个很好的例子. HTML结 ...
- Jquery Ajax调用aspx页面方法
原文:Jquery Ajax调用aspx页面方法 在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通 ...
- 页面导航的基础与深入
Windows8中是没有对话框的概念的,不同的界面有不同的页面,类似于网页一样的浏览模式. 通过Frame.Navigate(typeof(TestPage),obj)的方式来实现不同页面的导航. N ...
- jquery、js父子页面操作总结
jquery 父.子页面之间页面元素的获取,方法的调用 https://www.cnblogs.com/it-xcn/p/5896231.html 一.jquery 父.子页面之间页面元素的获取,方法 ...
- 第二十四章:页面导航(五)
导航变化 当您尝试使用ModalEnforcement和MvvmEnforcement程序时,您可能会对模态页面未能保留任何信息感到不安.我们都遇到了导航到用于输入信息的页面的程序和网站,但是当您离开 ...
- JQuery Mobile 手机显示页面偏小
转自:http://blog.csdn.net/starrexstar/article/details/8057400 今天第一次用JQuery Mobile做了个3个手机小页面,一个登陆页面.一个列 ...
最新文章
- html5 手机上传图片
- a - 数据结构实验之串一:kmp简单应用_中高级面试必备:快速入门数据结构和算法
- DataGrid动态绑定模板列
- 关机时长时间停留在”正在保存设置“的解决办法
- 当最有创意的开发者遇上移动云,谁将成为创新之王?
- 2020 存储技术热点与趋势总结
- LOJ 2743(洛谷 4365) 「九省联考 2018」秘密袭击——整体DP+插值思想
- [微信小程序开发] mpvue 微信小程序开发使用SASS写样式
- 【TSP】基于matlab粒子群算法Hopfield求解旅行商问题【含Matlab源码 224期】
- (void) (_x == _y)
- Oracle锁庞大大引见
- 10种流行的Java框架
- Android App赞赏功能,微信公众号赞赏功能升级:作者可直接收到赞赏, iOS安卓均可用...
- 语音转文字软件哪个好,这三款值得收藏
- 柿子营养丰富 吃柿子的几点注意
- (转)CTA大佬Winton创始人:人工智能会颠覆传统投资吗?
- 如何连接学校计算机机房的网络,学校计算机机房网络管理和维护.doc
- 特殊的空格 - ASCII(160)
- linux服务器上装r,linux服务器安装R语言及Rstudio server
- ImportError解决