高亮当前菜单

 1     // 高亮当前菜单
 2     (function(){
 3         var nav_t = [
 4             [$(‘.p1‘),$(‘.nav li:nth-child(1)‘)],
 5             [$(‘.p2‘),$(‘.nav li:nth-child(2)‘)],
 6             [$(‘.p3‘),$(‘.nav li:nth-child(3)‘)],
 7             [$(‘.p4‘),$(‘.nav li:nth-child(4)‘)]
 8         ];
 9
10         function nav_on(arr){
11             var len = arr.length;
12             for(var i=0; i<=len; i++){
13                 if(arr[i][0].size()>0){
14                     arr[i][1].addClass(‘on‘);
15                 }
16             };
17         };
18
19         nav_on(nav_t);
20     })()
时间: 2024-08-11 07:46:32

高亮当前菜单的相关文章

导航跳转后保持选中状态 jquery高亮当前选中菜单

功能需求:今天在写一个站点需要用到在导航菜单点击链接跳转到新页面后,高亮当前菜单样式.简单的说,就是我点击导航菜单中的一个栏目,跳转到该栏目下,该栏目菜单也同时高亮(可以是背景色也可以是背景图片) 解决方法:通过查看实例,我们需要用到JS中的jquery来实现这种效果,也可以通过CSS设置不同页面的a:hover实现效果,不过这显然是比较笨拙的方法.那么,如何用JS来实现效果呢,实现它所用的原理就是通过js中的location.href得到当前页面的地址,然后在与导航上的链接地址匹对,相同的就用

滑动式折叠菜单 - Slashdot&#39;s Menu

折叠菜单让你在尽可能小的地方放置尽可能多的内容,同时加大了操作的简便性,因此,深受前台设计师的喜爱.随着大家对动画效果的钟爱,折叠菜单也开始“动”起来了,本文介绍的就是 DimX 制作的滑动式折叠菜单效果-Slashdot's Menu. <script type="text/javascript"> function SDMenu(id) {     if (!document.getElementById || !document.getElementsByTagNam

boostrap插件

第一章:模态弹出框 一.导入JavaScript插件 Bootstrap的JavaScript插件可以单独导入到页面中,也可以一次性导入到页面中.因为在Bootstrap中的JavaScript插件都是依赖于jQuery库,所以不论是单独导入还一次性导入之前必须先导入jQuery库. 1.一次性导入: Bootstrap提供了一个单一的文件,这个文件包含了Bootstrap的所有JavaScript插件,即bootstrap.js(压缩版本:bootstrap.min.js). 具体使用如下:

sublime 玩转react+es6

Sublime3玩转ES6+ReactJs 标签: JavaScriptreact 2016-08-22 18:04 5751人阅读 评论(0) 收藏 举报 分类: javasctipt(61) react(1) sublime(2) 开发工具(3) 原文 (http://ued.fanxing.com/emmet/) 前言 Webpack+React+ES6无疑是目前最火热的开发模式了,为了与时俱进,开始对它进行探索和学习.工欲善其事必先利其器,众所周 知,ES6和JSX都是新的语法,而目前的

sublime +react+es6开发环境

Babel Sublime3才有的插件,支持ES6.JSX语法高亮. 菜单->View->Syntax->Open all with current extension as...->Babel->JavaScript(Babel) 高亮了有木有.   Babel Babel-Sublime插件很好的支持了JSX语法的高亮显示,连包裹在组件中的HTML标签都能实现高亮显示,具体的插件安装以及设置方法就不多说了,自行看GitHub上的介绍吧,很简单. //支持的代码片段如下 c

输入年月日计算出是该年的第多少天

插件和工具介绍内容均收集于网络,太多了就不一一注明了,在此谢过! 1.Charles 为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析.Charles通过将自己设置成系统的网络访问代理服务器,使得所有的网络访问请求都通过它来完成,从而实现了网络封包的截取和分析.一个可查看所有HTTP和SSL/HTTPS流量的工具.这款工具对于你测试和服务器端进行交互的应用非常有用 2.xScope xScope带有六种不同的工具,帮助每一个设计者快速.精确的完成工作,这些工具功能灵活.强大,包括∶量

0516.32款iOS开发插件和工具介绍[效率]

插件和工具介绍内容均收集于网络,太多了就不一一注明了,在此谢过! 1.Charles 为了调试与服务器端的网络通讯协议,常常需要截取网络封包来分析.Charles通过将自己设置成系统的网络访问代理服务器,使得所有的网络访问请求都通过它来完成,从而实现了网络封包的截取和分析.一个可查看所有HTTP和SSL/HTTPS流量的工具.这款工具对于你测试和服务器端进行交互的应用非常有用 2.xScope xScope带有六种不同的工具,帮助每一个设计者快速.精确的完成工作,这些工具功能灵活.强大,包括∶量

thymeleaf layout

摘自:https://tomoya92.github.io/2017/03/09/thymeleaf-layout/ thymeleaf的layout常用的有两种方式用法 第一种将页面里的每个部分都分成 块 -> fragment 使用 th:include 和 th:replace 来引入页面这种用法没有layout的概念, 因为每个部分都是 fragment, 下面例子说明 <!-- index.html --> <html> <head> <meta

xcode插件种类

古人云“工欲善其事必先利其器”,打造一个强大的开发环境,是立即提升自身战斗力的绝佳途径!以下是搜集的一些有力的XCode插件. 1.全能搜索家CodePilot 2.0 你要找的是文件?是文件夹?是代码?Never Mind,CMD+SHIFT+X调出CodePilot,输入任何你想到搜的东西吧!想搜appFinishLaunchingWithOptions?忘记咋拼了?没关系强大的代码搜索能力,appflaun一样也可以找到!超级强大的正则匹配,匹配任何你所想! 项目地址:http://cod