首页

关于

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 Dashboard插件 - sDashboard

超轻量级的jQuery Dashboard插件 - sDashboard

sDashboard是一个款超简单的轻量级的Dashboard jQuery插件,能够将一组对象数组生成一个dashboard。每一个数组中的对象元素都可以渲染生成一个dashboard的组件,并且支持拖拽重新组织。

sDashboard内建了针对数据库和flotr2图表支持。同时支持时间的监听例如,表格中行的单击,数据选择及其单击事件。

sDashboard基于如下类库:

  • jQuery
  • jQuery UI
  • 数据库
  • Flotr2图表

类库要求: jQuery

 


在线演示: http://modeln.github.io/sDashboard/

标签: jQuery, jQuery插件, dashboard

阅读更多

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

阅读更多

10款超实用的jQuery即时通知插件

10款超实用的jQuery即时通知插件

如果大家使用Gmail邮件的话,肯定对于它位于顶端的即时通知非 常熟悉,你的所有操作或者操作中出现的错误都会在这里及时的显示并且提醒用户, 和传统的alert风格的提示不一样的地方在于,它不打断当前的用户使用,能够带给用户更好的用户体验,而传统的alert方式,必须让用户点击一下确认 才可以继续操作。

在今天这篇文章中,我们将介绍10款帮助你快速开发即时通知功能的JQuery插件,希望大家喜欢!

相关阅读:

10款精挑细选的jquery插件

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

Noty

Noty是一款使用非常简单的即时通知插件,你可以使用非常简单的代码生成提示效果,并且支持主题设置,自带有几款主题,所有的CSS都被写入了 Javascript中,修改也很方便,支持大量选项,可以方便的生成提示,警告,报错样式,提示的页面位置也可以方便的设置,推荐使用!

在gbtags.com的社区中,使用的也是这款插件

标签: jQuery, jQuery插件, 极客标签

阅读更多

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

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

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

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

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

iCheck

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

jQuery Switchbutton

标签: #文章, jQuery插件

阅读更多

推荐2013年最新的10款jquery插件

我们精心挑选的10款2013年最新的jQuery插件,希望大家喜欢! 

相关阅读:

6款不容错过的超棒倒计时jQuery插件

jQRangeSider: 一个jQuery插件帮助你生成区域选择控件

jQRangeSider: 一个jQuery插件帮助你生成区域选择控件

一个帮助你生成iOS应用目录风格的jQuery插件:App-Folders

一个帮助你生成iOS应用目录风格的jQuery插件:App-Folders

使用这个插件可能帮助你创建iOS风格的目录展示和隐藏效果,如果你是个iOS用户的话,一定对于这个效果不陌生!

实用的多级菜单导航jQuery插件- superfish

实用的多级菜单导航jQuery插件- superfish

支持IE6+,并且支持双层导航栏,垂直导航菜单。非常合适皮肤自定义,相信大家会喜欢!

Qtip2生成的工具条提示演示

Qtip2生成的工具条提示演示

例如,内容提示,删除确认, 功能支持 自动窗口调整(根据tooltip打开位置自动调整显示位置),希望大家喜欢!

Nokia在线地图的jQuery插件: jHere

Nokia在线地图的jQuery插件: jHere

支持zepto.js和jQuery,功能支持缩放和地图类型选择及其控制条。

placeMe.js -…

标签: jQuery, jQuery插件

阅读更多

分享5个viewport相关的jQuery插件

在web和网站开发中我们常常需要处理viewport相关的功能,在前面的文章中我们曾经介绍过javascript响应式视图(viewport)切换工具类库,今天这里我们再介绍5个和viewport相关的jQuery插件,希望大家喜欢!

Viewport Selectors for jQuery

这个简单的jQuery插件可以快速帮助你检测元素是否处于viewport中。

分享5个viewport相关的jQuery插件

jQuery Bullseye - Viewport detection plug-in for jQuery!

功能丰富的轻量级jQuery插件,帮助你添加进去和离开viewport的方法

分享5个viewport相关的jQuery插件 

Within Viewport

这个jQuery插件帮助你判断元素是否处于viewport中。同时允许你指定网站的有效viewport,比如,固定的菜单和导航条。

分享5个viewport相关的jQuery插件 

jQuery viewportOffset

这个jQuery插件和jQuery内建的.offset()方法类似,但是计算的是left和top距离viewport的距离而不是document。

分享5个viewport相关的jQuery插件

jQuery.Viewport

非常好用的轻量级jQuery插件,帮助你设置一个元素作为viewport,使用绝对定位来显示元素。

分享5个viewport相关的jQuery插件

via…

标签: jQuery, jquery插件, viewport

阅读更多

6款不容错过的超棒倒计时jQuery插件

6款不容错过的超棒倒计时jQuery插件

如果你曾经开发过类似限时抢购的网站或者应用的话,或者你需要在发布一款超棒游戏之前添加一些神秘元素的话,一个超棒或者超酷的倒计时页面绝对是非常有必要的,制作一个倒计时的功能虽然不是非常复杂,但是如果你有现成的代码能够直接使用的话,相信各位也绝对不会拒绝!在今天的这篇文章中,我们收集了六款超棒的倒计时jQuery插件,能够快速高效的帮助你搭建一个漂亮的倒计时页面,还等什么,看看吧!

jQuery超酷倒计时插件

在这篇教程中,将介绍如何使用jQuery来开发一个漂亮的倒计时效果,当然,最后的代码做为一个jQuery插件的方式提供给大家免费使用,相信如果你对于如何实现功能有兴趣,可以看看这篇教程

6款不容错过的超棒倒计时jQuery插件

 jQuery uLED plugin by Class.PM

这款插件在前两天的jQuery插件推荐中我们也曾经介绍过,可以帮助你生成漂亮的倒计时,时钟,或者随机数

6款不容错过的超棒倒计时jQuery插件

jQuery Countdown Script

这个脚本可以帮助你生成电子钟类型的倒计时效果,支持更换皮肤(深色和浅色),使用简单并且整合方便

6款不容错过的超棒倒计时jQuery插件

jquery-countdown

这个倒计时jQuery插件拥有漂亮的UI界面,整个动画也非常精美,相信如果你需要在网页中使用是一个不错的选择

6款不容错过的超棒倒计时jQuery插件

KK…

标签: jQuery, jquery插件, 倒计时, countdown, 倒计时插件

阅读更多

分享20个响应式web设计的必备jQuery插件

响应式设计(responsive design)在近些年是非常流行的web设计,能够帮助你有效的针对不同设备的显示屏幕自适应的显示内容,大大的提高了用户的使用体验和web设计的要求,作为最为流行的jQuery来说,也提供了很多现成的插件帮助你实现响应式设计,在今天的这套插件推荐中,我们将推荐给大家20个不错的响应式设计常用插件,希望大家喜欢!

jQuery Masonry - A layout plugin for jQuery

相信大家对于这个jQuery布局插件肯定不陌生,很多网站都使用它开发瀑布流布局。

jQuery Masonry

Isotope - An exquisite jQuery plugin for magical layouts

另外一个不错的布局插件,以前文章中我们也介绍过。

Isotope -- An exquisite jQuery plugin for magical layouts

jQuery picture

以前文章中介绍过这个超棒的响应式图片处理插件

jquerypicture

还记得这个插件吧,针对不同的屏幕设备应用不同大小的图片

Really Simple Slideshow

simpleslider

超简单的幻灯,支持响应式设计

Hoverizr…

标签: jQuery插件, 响应式设计, jQuery, jQuery plugin, responsive, responsive design

阅读更多

分享10个超棒的文字排版相关jQuery插件

文字排版在网站设计中非常重要,但是往往大家都会有意无意的忽略它们。在今天这篇文章中,我们将介绍一套超棒的字体排版相关的jQuery插件,希望大家喜欢!

FixText.js

FitText是一个简单的jQuery插件,能够帮助你自动的创建符合父元素宽度的字体。非常适合应用到响应式的标题内容中去

分享10个超棒的文字排版相关jQuery插件

Lettering.js

虽然在CSS3中包含了@font-face,大大的提高了排版,但是并没有提供基于字母的控制。如果你需要控制单独的字母的话,这个插件肯定是你需要的。

分享10个超棒的文字排版相关jQuery插件

Kern.js

当需要设计或者开发前端代码的时候,我们需要能够有效地测试。这个其实不是一个插件,而是一个书签,允许你编辑网站,字体缩放或者旋转等等,非常不错的一个测试工具

分享10个超棒的文字排版相关jQuery插件

SlabText.js

一个非常有用的jQuery插件,能够帮助你把标题分割到不同的行中,有效地解决行宽度问题,这意味着当你的用户使用不同的浏览器宽度的时候,都可以让标题看上去非常漂亮,绝对是响应式设计的必备插件。

分享10个超棒的文字排版相关jQuery插件

标签: 字体排版, 文字排版, typograph, jQuery, jQuery插件, jQuery plugin, 插件大全

阅读更多

分享9个单页面网站开发必备jQuery插件

单页面网站作为简单快捷,易于维护的页面设计方案,越来越受到工作室,作品集,或者个人博客类网站用户的青睐,我们可以使用不同的特效来使得页面更加的丰富和炫动,今天我们将介绍几款可以作为单页面开发的jQuery插件,帮助大家快速简便的实现一个单页面的网站设计,希望大家喜欢!

jQuery one page nav 

使用这个插件,可以帮助你快速的搭建一个滚动的页面导航,如果你需要比较简单直接的方式开发一个单页面的网站,这个插件是一个不错的选择。 

分享9个单页面网站开发必备jQuery插件  

jQuery ScrollPath

jQuery ScrollPath是一个非常棒的插件,允许你画出自己自定义的滚动路径。HTML元素可以被放置到路径上,而且类似的鼠标滚轮,键盘上下移动键,或者空格都可以帮助你移动到你需要到达的元素位置。并且一个可选的自定义滚动条可以帮助你方便的点击和拖拽滚动。而且插件允许你使用CSS变形旋转整个页面。

分享9个单页面网站开发必备jQuery插件  

Ascensor.js

使用这个jQuery插件可以帮助我们定位页面任何内容块到画布,并且可以使用键盘来浏览。而且这个部分可以被上下左右的导航和浏览。 

分享9个单页面网站开发必备jQuery插件 

Curtain.js

curtain.js是一个用来使用自定义的窗帘效果显示多个固定面板的jquery插件,拥有非常棒的滚动特效。

分享9个单页面网站开发必备jQuery插件 

Zoonooz.js 

一个缩放的插件,但是可以用来定位单页面中的不同区域 

分享9个单页面网站开发必备jQuery插件 

Pagify.js 

这个插件可以用来创建单页面的网站,这个插件的实现方式是将不同菜单中的内容保存到不同HTML文件中,并且通过定义的div来加载不同的菜单项内容。 

分享9个单页面网站开发必备jQuery插件 

JustaPage

Justapage不仅仅是一个插件,还是一个用来设计单页面网站的模板,这个模板是跨浏览器兼容的,并且支持移动设备!

分享9个单页面网站开发必备jQuery插件

SuperScrollrama

这个超棒的插件可以帮助你生成视差滚动特效,如果你希望你的网站更酷一些,那么就整合这个插件吧!

分享9个单页面网站开发必备jQuery插件

Waypoints

Waypoints可以用作页面内滚动操作的单页面导航设计插件。它可以让你方便的处理页面滚动事件,你可以比较自由的在自己的UI中使用这个插件控制页面滚动事件。

分享9个单页面网站开发必备jQuery插件 

标签: 单页面网站, 单页面网站设计, single page, single page design, jQuery plugin, jQuery插件, jQuery插件大全

阅读更多

分享13个帮助你简化开发的jQuery插件

jQuery的社区力量的重要体现就是jQuery插件,我们每隔一段时间就会在jQuery插件大全中给大家推荐最新最好用的jQuery插件,今天我们带来了12个帮助你有效简化开发的jQuery插件,希望大家喜欢!

Vanity Toolset

vanity toolset是一套方便的UI工具集,可以帮助你快速的搭建幻灯,聚光灯,占位,收放相关的UI,它完成了大部分的UI功能,你只需要花费很少时间就可以构建一个完整功能的UI

分享12个帮助你简化开发的jQuery插件

percentageloader

这个漂亮的进度条插件可以帮助你快速构建一个功能丰富的加载条,让你的界面不在千篇一律。

分享12个帮助你简化开发的jQuery插件

Blur.JS

一个帮助你创建元素透明效果的jQuery插件

分享12个帮助你简化开发的jQuery插件 

GIPS

一个超干净整洁的工具提示jQuery插件,基于Gips的免费素材

分享12个帮助你简化开发的jQuery插件

NESTABLE

一个帮助你实现层次拖放列表的jQuery插件

分享12个帮助你简化开发的jQuery插件

NOTIFY

一个实现通知的jQuery插件,可以快速简单的帮助你添加简单的提示通知

分享12个帮助你简化开发的jQuery插件

标签: jquery插件, jquery plugin, jquery插件大全

阅读更多

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

jQuery插件开发绝对是jQuery框架最强大的一个特性。数以万计的开发人员开发了各种不同功能和特性的jQuery插件,使得jQuery框架如此的成功和流行。随着HTML5,CSS3的发展,javascript在web开发中慢慢变得更加强大,并且更加的可控。在今天的这篇文章中,我们将介绍10款帮助你构建完美UI,特效和动画的jQuery插件。希望大家能够喜欢!

Percentage loader

在我们以前的文章中我们介绍过这个canvas实现的强大进度条,它拥有性感迷人的UI界面,并且能够提供给你方便的callback方法处理进度。相信大家一定会喜欢!

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

Knob

Knob是另外一个超棒的旋钮式的UI组件,能够帮助你创建音响上的按钮效果。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

Real Shadow

使用这个插件,能够帮助你实现实时的阴影效果,而且能够产生动态阴影变化和颜色。

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

Photon

一个帮助你实现3D光线效果的引擎。绝对让你震撼!

分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件

jSignature

一个帮助你创建签名的jQuery插件,允许你的用户使用鼠标,手指或者铅笔生成签名。…

标签: jQuery plugin, jQuery插件, canvas, svg, css3

阅读更多

分享jQuery的5个动态过滤插件

今天我们介绍5款jQuery的动态过滤插件,这些插件可以有效的帮助你过滤搜索结果,帮助你将搜索过程变得更加简单并且快速。以前我们介绍过一款超酷的动态过滤插件 使用jQuery插件filtrify,这里我们再介绍5个不错的动态过滤插件,通常来说我们都加载搜索结果中所有数据,但是隐藏不匹配的数据内容,展示用户需要的数据内容,以此达到动态搜索目地,希望大家喜欢!

jQuery Fast Live Filter

简单快速的过滤插件。用来满足已存在的工具功能的不足。

分享jQuery的5个动态过滤插件

2. jQuery Filter Images (Search Filter)

非常漂亮干净的图片搜索过滤插件,当你开始输入内容时,就开始搜索和更新图片,非常棒的插件!

分享jQuery的5个动态过滤插件

3. Using jQuery to Manipulate and Filter Data

这个插件使用4种方式来控制搜索过滤:hover effect,zebra rows,filtering和排序

分享jQuery的5个动态过滤插件

4. Live Text…

标签: jquery插件, jQuery动态过滤插件, jquery live filter, jQuery filter

阅读更多

分享10个jQuery页面动态编辑插件

页面动态编辑插件可以非常方便的帮助用户编辑页面内容,但是实现的方式并不是那么简单,今天这里我们介绍10款超棒的动态页面内容编辑插件,希望大家喜欢!

1. jQuery Plugin: In-Line Text Edit

这个插件可以帮助你在编辑框里修改内容并且立刻看到编辑后的效果。这个插件将会在将数据传送到服务器端后再显示到客户端上。

分享10个jQuery页面动态编辑插件

2. LiveXMLEdit

用来行内编辑XML的工具。将上传的XML文件选然后,允许你添加/删除节点和属性,同时也支持更新。

分享10个jQuery页面动态编辑插件

3. jQuery TE

一个开源的所见即所得的文本编辑器组件。

分享10个jQuery页面动态编辑插件

4. HTML-5-WYSIWYG-Editor

这个一个XVweb项目。现在你可以切屏来编辑。试试吧,按printscreen键并且粘贴到编辑器。

分享10个jQuery页面动态编辑插件

5. Storage.js

简单的HTML5页面编辑。使用新的HTML5内容编辑器属性和本地存储来支持超棒的特性。
分享10个jQuery页面动态编辑插件

6. TableEditor

提供灵活的方式来编辑HTML表。用户定义处理函数可以方便的通过ajax来修改数据
分享10个jQuery页面动态编辑插件

7.…

标签: jquery, jquery插件, jquery动态编辑插件

阅读更多

下一页

目录

© Copywrite by gbin1.com, all rights reserved.