在网络发展领域,由于 jQuery 简单易学,易于使用和易于扩展的特点,因此正慢慢变得无处不在。以下是从一些 jQuery 相关文章中整理出来的 30+ 新鲜与惊奇的 jQuery 插件与教程。如果你正在寻找最新的 jQuery 信息,这些内容值得一读。

教程

1. How to add preloader with loading image in a gallery using jQuery
在图像画廊载入过程中使用 jQuery 预加载技术。演示 | 教程

2. Simple Lava Lamp Menu Tutorial With jQuery
创建一个独特的熔岩灯动画效果的 jQuery 导航菜单。演示 | 教程

3. How To Create a 3D Tag Cloud in jQuery
使用 jQuery 创建类似 Flash 形式的 3D 标签云。演示 | 教程

4. Drag & Drop With jQuery
Web 应用程序的拖放功能提供了丰富的用户界面,了解如何使用 jQuery 来创建此种用户界面。演示 | 教程

5. Awesome Horizontal Animated menu using Kwicks for jQuery
使用 jQuery Kwicks 插件建立一个可定制的,灵活的横向动画菜单。演示 | 教程

6. Create a Thumbnail Gallery With Slick Heading & Caption effect
使用光标题和字幕效果创建缩略图画廊。演示 | 教程

7. Create an Attractive jQuery Menu with fade in and out effects
创建一个有吸引力的 jQuery 菜单,鼠标悬停时具有淡入背景效果。演示 | 教程

8. jQuery PHP AJAX Autosuggest
Autosuggest 是目前的 Web 应用程序中一个有用的功能。了解如何使用 jQuery 和 PHP 来创建。演示 | 教程

9. Perfect Login Drop Down Box Like Twitter
使用 jQuery 模仿 Twitter 新的下拉框效果。演示 | 教程

10. Crafting an Animated Postcard With jQuery
仅使用 jQuery 创建一个类 Flash 的明信片。演示 | 教程

11. Twitter like Search With jQuery & AJAX
使用 Ajax 在同一页创建类似 Twitter 的搜索框加载结果。演示 | 教程

12. Voting System With jQuery, AJAX, PHP
学习如何创建类似 dzone 的投票系统。演示 | 教程

13. AJAXed Sliding Shopping Cart Using jQuery
创造一个 Ajax 滑动门效果的购物篮,当更新购物车项目时滑动,并在一段时间后自动隐藏。同时还支持手动显示隐藏选项,以便在任何时候查看购物车。演示 | 教程

14. How To Build Animated Header in jQuery
利用 jQuery 技术为网页标题添加令人轻叹的动画背景效果。演示 | 教程

15. Hide and Seek With jQuery
使用 jQuery 在单一页面上,显示基于事件行为的应用程序的多个模块。演示 | 教程

16. jQuery Comment Preview
通过使用 jQuery 为用户提供实时评论预览功能。演示 | 教程

17. Styling Drop Down Boxes With jQuery
由于选择框很难使用 CSS 来定义样式,本教程将告诉你如何使用文本框和无须列表代替选取框,然后根据需要定义样式。演示 | 教程

18. Scrolling Dynamic Content Box
使用 Ajax 将内容加载至滚动 DIV。就像谷歌阅读器中当你向下滚动时,会自动加载更多项目。演示 | 教程

19. Ways To Debug your jQuery or JavaScript Code
本文介绍了如何使用 jQuery 控制台登录来轻松地调试 JavaScript 代码。教程

20. 5 Ways To Make AJAX Calls with jQuery
关于使用 jQuery 技术以不同方式创建 Ajax 请求。甚至对那些已深度熟悉 jQuery 并且用大量方法创建 Ajax 请求的开发者也很有帮助。演示 | 教程

插件

1. Tipsy
呈现 Facebook 风格的工具提示插件,基于定位标记的标题属性。演示 | 插件主页

2. jQuery YouTube PlayList
将 YouTube 链接列表转换为播放列表,让用户能够在网页本身浏览视频。演示 | 插件主页

3. SuperFish Menus
Superfish 菜单是一款易于使用的 jQuery 插件,可以将无须 HTML 列表转换成漂亮的下拉菜单。插件主页

4. Elastic
Elastic 是一款轻量级的 jQuery 插件,可使 textareas 根据内容大小自动调整尺寸。演 示 | 插件主页

5. OverScroll
在网页上实施类似 iphone 的拖放滚动效果。插件主页

6. Tweetable
使用 Tweetable 轻松快捷地在网页上显示 Twitter Feed 源,可选择将 Twitter 用户名和 URL 地址转换为超级链接。演示 | 插件主页

7. jQuery Link nudge
使用 jQuery Link Nudge 插件创建移动菜单栏,效果很漂亮。演示 | 插件主页

8. TimePickr
如果需要将用户系统时间作为表单输入,使用此插件可以提供丰富的用户界面,以便输入时间。插件主页

9. Truncatable
Truncatable 允许你在网页中隐藏文本块,并在需要时显示。演示 | 插件主页

10. Incremental Search For Select Boxes
此插件将普通的选择框转换成带有增量搜索的组合框,如果选择框有很多选项,这会非常有用。演示 | 插件 主页

11. Anything Slider
Anything Slider 是一款功能齐全的滑动门插件,易于定制并适应你的网站。演示 | 插件主页

30+ 新鲜惊奇的 jQuery 插件与教程相关推荐

  1. 主题:50个令人惊奇的jQuery插件

    jQuery拥有强大的有创造性的程序员群体. 然而,它很难通过在所有发布的东西里面挑出那些绝对必须要拥有的宝贝.在本文中,你将得到50个新jQuery插件和JavaScript库的一个集合,拥有好的工 ...

  2. 12 月份 10 个新鲜的 jQuery 插件和教程

    1. MASHA (Mark & Share) MASHA (Mark & Share 的缩写) 是一个可以让你分享网页部分内容的 JavaScript 库. 2. JScraft s ...

  3. redit mysql_开发者经常用到的75 个功能强大的 jQuery插件和教程汇总(上篇)

    我们已经知道,大部分jquery是一个轻量级的JavaScript库,它强调的是JavaScript和HTML之间的互动.它有强大的脚本语言,它代表(Web开发的Ajax交互及JavaScript之间 ...

  4. 40个新鲜出炉的 jQuery 插件和免费教程【上篇】 转载自:梦想天空

    40个新鲜出炉的 jQuery 插件和免费教程[上篇] 转载于:https://www.cnblogs.com/chenjunLovefan/archive/2012/07/23/2605003.ht ...

  5. 10款新鲜出炉的 jQuery 插件

    这篇文章与大家分享的是10款新鲜出炉的基于 jQuery 开发的 Ajax 插件,有幻灯片.图片画廊.菜单等很多有用的插件.这些作者的想法特别新颖,希望你能从中找到自己需要的插件. 1. Chrome ...

  6. java如何设置文本框提示_[Java教程]一个友好的文本框内显示提示语 jquery 插件

    [Java教程]一个友好的文本框内显示提示语 jquery 插件 0 2014-08-08 18:01:25 插件实现文本框内默认显示提示语,当文本框获得焦点时提示语消失. 如果没有输入或输入为空则失 ...

  7. 精心挑选的15款优秀 jQuery 文本特效插件和教程

    今天这篇文章向大家分享15款精心挑选的优秀 jQuery 文本特效插件,都带有详细的使用教程.jQuery 是最流行和使用最广泛的 JavaScript 框架,它简化了 HTML 文档遍历,事件处理, ...

  8. 精心挑选12款优秀 jQuery 手风琴效果插件和教程

    当你想在有限的页面空间内展示多个内容片段的时候,手风琴(Accordion)效果就显得非常有用,它可以帮助你以对用户非常友好的方式实现多个内容片段之间的切换.借助流行的 jQuery 框架,只需很少的 ...

  9. java ajax jquery分页插件_分享精心挑选的12款优秀jQuery Ajax分页插件和教程

    摘要:这篇jQuery栏目下的"分享精心挑选的12款优秀jQuery Ajax分页插件和教程",介绍的技术点是"jquery_ajax分页插件.jquery_ajax.a ...

最新文章

  1. TensorRT Analysis Report分析报告
  2. 使用Windows8开发Metro风格应用五
  3. 256种编程语言大荟萃
  4. 存储与硬盘挂载 200305
  5. 面试官系统精讲Java源码及大厂真题 - 01 开篇词:为什么学习本专栏
  6. Linux常用文件拷贝方式:scp,rsync,expect
  7. redis应用之——获取若干最新注册用户
  8. 微信开发之(四)获取关注后的图文推送信息
  9. aes解密设置utf8 php,PHP aes (ecb)解密后乱码问题
  10. excel减法函数_在excel中进行减法7个例子,包括公式中带条件的减法
  11. 程序员裸辞2个月找不到工作,心态爆炸了
  12. studio 和mac快捷键
  13. 微信小程序微信原生小程序如何通过后端返回的二进制流导出excel文件并保存和转发
  14. Codeforces Round #322 B Luxurious Houses
  15. 幸福总会来的,对吗?
  16. 电子病历系统源码 winform 医院电子病历系统源码
  17. 追剧人的福利来了,这几款APP让你痛快追剧
  18. Unity3D手游开发实践
  19. 计算机重命名后sql实例名称修改_离水的鱼_新浪博客
  20. linux rt patch 强实时,Linux RT(2)-硬实时Linux(RT-Preempt Patch)的中断线程化

热门文章

  1. 信息学奥赛C++语言:摘李子
  2. python怎么对文件行排序_使用Python对文本文件进行排序
  3. 自从用了这几个网站后,linux下的开发(使用)更加简单化
  4. 修改mysql用户家目录,Linux 更改MySQL目录
  5. 浅谈opencl之整体框架
  6. 深度残差收缩网络再次理解(论文地址+代码地址+代码理解)
  7. java jar合并_多个jar包合并成一个jar包(ant)
  8. (文档挂起)打印机为什么打印失败?
  9. css禁止鼠标复制文本的属性:user-select
  10. matlab trapz二重积分函数_matlab二重积分