当前位置: 首页 > 软件库 > jQuery 插件 > jQuery菜单 >

NavSlider.js

jQuery 导航条插件
授权协议 GPL
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery菜单
软件类型 开源软件
地区 国产
投 递 者 王辉
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

navSlider.js 是一个基于jQuery的轻量级的javascript插件,让你能简单的装饰你的导航条。

当你把鼠标指向一个选项卡时,一个背景颜色块会跟随者你的鼠标移动。而当你点击了其中一个选项卡,这个颜色块会停留在那里,以提示你当前正在浏览的部分。

要了解更多,请下载插件并打开example.html。

1. 在使用navSlider之前,你需要引入一个jQuery文件:

<script src="js/jquery-1.10.2.min.js"></script>

2. 然后引入navSlider:

<script src="js/navSlider.min.js"></script>

3. 最后,给你的菜单(ul级)添加滑动块:

$(foo).slider(direct,index,speed);
     //例如:$('#horizentalNav').slider('left',0,'fast');
     //要了解更多,请下载插件并打开example.html。

4. 给你的滑动块设置颜色:

 $('.navSlider').css('background-color','yellow');

就可以看见效果。

 相关资料
  • 导航条使用的事 HTML5 的 nav 标签,里面推荐使用 div 容器,导航条有两个主要的部分。一个是 logo 或品牌链接和导航链接。你可以设置这些链接的对齐方式。 右对齐链接 使用右对齐导航链接,只要增加一个 right 类到 <ul> 标签里面。 <nav> <div class="nav-wrapper"> <a href="#" class="brand-logo">Logo<

  • 导航条组件。 Usage 全部引入 import { NavigationBar } from 'beeshell'; 按需引入 import { NavigationBar } from 'beeshell/dist/components/NavigationBar'; Examples Code 详细 Code import { NavigationBar } from 'beeshell

  • jd.setNavigationBarTitle(OBJECT) 动态设置当前页面的标题。 OBJECT 参数说明: 参数 类型 必填 说明 title String 是 页面标题 success Function 否 接口调用成功的回调函数 fail Function 否 接口调用失败的回调函数 complete Function 否 接口调用结束的回调函数(调用成功、失败都会执行) 示例代码

  • 7.1.3导航条件说明 导航实现,在硬件和软件方面是由一定要求的,需要提前准备。 1.硬件 虽然导航功能包集被设计成尽可能的通用,在使用时仍然有三个主要的硬件限制: 它是为差速驱动的轮式机器人设计的。它假设底盘受到理想的运动命令的控制并可实现预期的结果,命令的格式为:x速度分量,y速度分量,角速度(theta)分量。 它需要在底盘上安装一个单线激光雷达。这个激光雷达用于构建地图和定位。 导航功能包

  • 导航条(UINavigationBar)下方加上阴影效果。 [Code4App.com]

  • 我想根据条件更改我的开始导航片段。我的起始片段可以是片段1或片段2。有没有办法实现它?

  • 具有不同角色的用户需要在网页顶部有不同的navbar。我的topnavs是th:片段,用单独的文件编写,这部分代码工作正常。但是当我使用th: switch和th:替换时,所有topnavs都会显示在网页中,而不仅仅是一个。 我在寻找这些问题的解决方案,但没有任何帮助: 带有多个大小写的胸腺叶开关语句 如何使用thymeleaf条件-if-elseif-else 我尝试过的事情: #2 #3 #4

  • 本文向大家介绍Bootstrap CSS组件之导航条(navbar),包括了Bootstrap CSS组件之导航条(navbar)的使用技巧和注意事项,需要的朋友参考一下 本文主要大家分享了响应式导航条的具体代码,供大家参考,具体内容如下 1.基础导航条navbar navbar-default navbar-header navbar-brand nav navbar-nav 2.导航条中的表单