首页

关于

25个帮助大家设计超棒滚动体验的jQuery插件

大家都知道在最近几年的web设计趋势和流行设计元素中,超棒的滚动效果绝对是不可或缺的一个设计元素,特别是在单页面网站,或者个人作品集中,大家往往更容易看到类似的设计效果,特别是视差滚动,相信大家看到的网站肯定不在少数,在今天这篇文章中,我们将汇集了25个超棒的滚动相关的jQuery插件,帮助你创建超棒的各式滚动效果,希望大家喜欢,推荐大家收藏并且保存到自己的收藏夹里,绝对物超所值!

Scrolld.js

 

Cool Kitten

 

FoldScroll 

 

fullPage.js

 

AnimateScroll

 

Parallax.js

 

Jarallax

 

jInvertScroll

 

jQuery Full Content

 

One Page Scroll

 

jQuery Parallax

 

Scroll…

标签: jQuery, #文章, jQuery插件, 视差滚动

阅读更多

超棒的视差效果jQuery插件 - FractionSlider

在线演示

如果你希望找到一款与众不同的jQuery幻灯插件的话,Fractionslider/ 肯定会让你眼前一亮,和传统幻灯不同的是,它可以让页面中的任何元素生成独立的动画效果。

使用非常简单,如下:

引入CSS和JS





    
  1. <link href="fractionslider.css" rel="stylesheet" />
  2. <script type="text/javascript" src="jquery-1.9.0.min.js"></script>
  3. <script type="text/javascript" src="jquery.fractionslider.js"></script>

HTML





    
  1. <div class="slider"><!--…

标签: #文章, jQuery, jQuery插件, 幻灯特效

阅读更多

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插件, 导航菜单

阅读更多

推荐9款提高表单用户使用体验的超棒jQuery插件

推荐9款提高表单用户使用体验的超棒jQuery插件

作为前端攻城狮的我们,经常需要处理的就是相关表单的一些应用,包括了:

  • 表单美化
  • 表单验证
  • 表单的自动保存
  • 表单功能的增强
  • 等等

如果开发过程中我们没有使用任何的CSS前端框架(例如,Bootstrapfoundation或者pure)的话,我们可能需要自己动手去添加相关的功能,在今天的这篇文章中,我将介绍几款非常实用的JQuery表单插件,帮助你更快更好的完善表单的用户体验,希望大家喜欢!如果你也有相关的表单优化或者用户体验优化的经验,请和我们分享,谢谢!

iCheck

iCheck是一款针对单选框和多选框美化的jQuery插件,你可以使用很简单的代码来完成checkbox和radio的美化,最重要的是它支 持不同皮肤和风格的UI,包括不同颜色的,相对来说,它提供的功能在jQuery插件中来说是非常丰富的,当然,可能有人说了,如果能够针对每一个表单元 素都能提供一个美化解决方案就更好了

jQuery Switchbutton

标签: #文章, jQuery插件

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.