首页

关于

jQuery导航菜单置顶插件 - stickyUp

jQuery导航菜单置顶插件 - stickyUp

在线演示

stickyUp是一款可以帮助你生成置顶效果的jQuery插件,如果你希望生成一个固定页面顶端的导航效果,可以使用stickUp来快速生成。

主要代码如下:

jQuery(function($) {
    $(document).ready( function() {
    $('.navbar-wrapper').stickUp({
      parts: {
        0:'home',
        1:'features',
        2: 'updates',
        3: 'installation',
        4: 'one-pager',
        5: 'extras',
        6: 'wordpress',
        7: 'contact'
      },
      itemClass: 'menuItem',
      itemHover: 'active',
      topMargin: 'auto'
    });
    });
});

Github:https://github.com/LiranCohen/stickUp

标签: #文章, jQuery插件, 导航菜单

阅读更多

如何构建下拉滑动式响应导航菜单

如何构建下拉滑动式响应导航菜单

在线演示 在线下载

经过长时间研究移动响应布局,我花了很大功夫研究不同的UI设计。在页面上的主要亮点往往是网站主导航。用户需要快速访问到内容页面,而且这一点是最基本的,无论是在完整的显示器或较小的移动响应屏幕。

在本教程中,我要演示如何结合CSS3 media queries和jQuery管理滑动导航菜单。链接出现在前端,但下降为一个隐藏的菜单,调整后的大小低于600px。同时将出现一个小的下拉菜单,图标会切换打开和关闭命令。

演示及下载源代码

设定文件

顶部区域包含文件的一小部分,我们用来创建效果。我从由谷歌托管的最新 jQuery库中复制了常规样式表,所有自定义JS函数被存储在外部文件命名为menu.js。

<!doctype html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type"…

标签: 导航菜单, css3, javascript, 响应式菜单, html, css

阅读更多

实现单页面导航效果的jQuery插件 - SMINT

实现单页面导航效果的jQuery插件 - SMINT

在线演示

实现单页面导航效果的插件很多,今天这里我们介绍一款比较酷的jQuery插件,可以快速的帮助你实现滚动效果的导航,而且UI设计比较漂亮,适合需要快速实现页面导航的朋友。

主要特性

  • 自动生成贴边式的导航菜单(sticky navigation)
  • 无需自己定义CSS来自定义样式,几乎是ready-to-use
  • 代码简单并且轻量级

如何使用

JS代码如下:

$(document).ready( function() {   $('.subMenu').smint(); });

实现单页面导航效果的jQuery插件 - SMINT

网站地址:http://www.outyear.co.uk/smint/#

via 极客标签

标签: jQuery, 分享, jQuery插件, 导航菜单

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.