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

分手后的思念是犯贱 2022-01-22 09:11 268阅读 0赞

日期：2013-6-14  来源：[GBin1.com][]

![实现单页面导航效果的jQuery插件 - SMINT][jQuery_ - SMINT]

**[在线演示][Link 1]**

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

## 主要特性 ##

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

## 如何使用 ##

JS代码如下：

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

[![实现单页面导航效果的jQuery插件 - SMINT][jQuery_ - SMINT 1]][jQuery_ - SMINT_jQuery_ - SMINT 1]

> 网站地址：[http://www.outyear.co.uk/smint/\# ][http_www.outyear.co.uk_smint_]

via [ 极客标签][Link 1]

来源：[实现单页面导航效果的jQuery插件 - SMINT][GBin1.com]

[GBin1.com]: http://www.gbin1.com/technology/jquerynews/20130614-jquery-menu-smint/
[jQuery_ - SMINT]: http://www.gbin1.com/technology/jquerynews/20130614-jquery-menu-smint/title.jpg
[Link 1]: http://www.gbtags.com/gb/share/1292.htm
[jQuery_ - SMINT 1]: http://www.gbin1.com/technology/jquerynews/20130614-jquery-menu-smint/1.jpg
[jQuery_ - SMINT_jQuery_ - SMINT 1]: http://www.gbtags.com/gb/networks/uploadimg/3a1325dc-ec08-4489-96c2-d5765710bccd.jpg
[http_www.outyear.co.uk_smint_]: http://www.outyear.co.uk/smint/#%14

发表评论取消回复

表情：

评论列表（有 0 条评论，268人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery实现电梯导航效果

原理每个盒子的索引值和每个按钮的索引一一对应,然后运动到相对应的盒子上也就是scrollTop的值成果图 ![在这里插入图片描述][20200303163719

水深无声/ 2023年07月10日 15:45/ 0 赞/ 86 阅读

相关 jquery实现的带反弹动画效果返回顶部插件

[下载地址][Link 1]jquery实现的带反弹动画效果返回顶部插件，jquery网页右下角返回顶部按钮，设计美观大气。 ![1631393315.png][]

蔚落/ 2022年09月11日 04:09/ 0 赞/ 223 阅读

相关 jquery 实现导航栏滑动效果

原文：[http://www.cnblogs.com/WebMobile/p/3926921.html][http_www.cnblogs.com_WebMobile_p_39

向右看齐/ 2022年08月11日 06:28/ 0 赞/ 304 阅读

相关 Jquery——Day5（插件—案例：制作导航插件）

1、插件描述插件的种类，主要大致可以分为：UI类、表单及验证类、输入类、特效类、Ajax类、滑动类、图形图像类、导航类、综合工具类、动画类。引入插件需要一定的步骤，如下

清疚/ 2022年07月12日 14:55/ 0 赞/ 254 阅读

相关 jQuery插件：表单jquery.form.js

jQuery插件：表单jquery.form.js jQuery插件：表单jquery.form.js [jquery.form.js 官网][jquery.fo

矫情吗；*/ 2022年06月01日 03:27/ 0 赞/ 269 阅读

相关 jquery实现页面弹幕效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"

╰+哭是因爲堅強的太久メ/ 2022年05月19日 01:17/ 0 赞/ 384 阅读

相关 jQuery的图片放大镜效果插件 - elevateZoom

日期：2013-1-20 来源：[GBin1.com][] [![jQuery的图片放大镜效果插件 - elevateZoom][jQuery_ - elevateZoom

男娘i/ 2022年04月02日 06:26/ 0 赞/ 488 阅读

相关 BookBlock：一个实现翻页效果的jQuery插件

日期：2013-5-15 来源：[GBin1.com][] [![BookBlock：一个实现翻页效果的jQuery插件][BookBlock_jQuery]][BookB

深藏阁楼爱情的钟/ 2022年02月20日 13:22/ 0 赞/ 311 阅读

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

日期：2013-6-14 来源：[GBin1.com][] ![实现单页面导航效果的jQuery插件 - SMINT][jQuery_ - SMINT] [在线演示][L

分手后的思念是犯贱/ 2022年01月22日 09:11/ 0 赞/ 269 阅读

相关 jQuery表单插件jquery.form.js

jQuery表单插件jquery.form.js jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQue...

小灰灰/ 2020年06月03日 12:47/ 0 赞/ 1172 阅读