首页 > 其他分享 >30+ 新鲜惊奇的 jQuery 插件与教程

30+ 新鲜惊奇的 jQuery 插件与教程

时间:2023-07-24 17:31:25浏览次数:42  
标签:jQuery 插件 演示 主页 30 教程 使用


在网络发展领域,由于 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 是一款功能齐全的滑动门插件,易于定制并适应你的网站。演示 | 插件主页

 

 

标签:jQuery,插件,演示,主页,30,教程,使用
From: https://blog.51cto.com/u_8895844/6837164

相关文章

  • 130-vant案例-07-定义错误页面
    定义错误页面#1.配置路由#2.定义页面组件#3.访问不存在的路由会跳转错误页面1.定义路由index.jsimportNotFoundfrom'../views/NotFound.vue'//错误页面,优先级最低{path:'/:pathMatch(.*)*',///:占位符,后面可以随便写/:aa,/:bb;(.*)*:......
  • 【jQuery】smartMenu右键自定义上下文菜单插件(似web QQ)
    DEMO: http://sources.ikeepstudying.com/menu-mail-qq/ 一、这是什么样的一个插件我们都知道,默认状态下,我们右键web页面,会出现一个上下文菜单,例如下图:【jQuery】smartMenu右键自定义上下文菜单插件(似webQQ)但是,浏览器默认的右键选项有时候并不是我们所需要的,......
  • 3ds Max动力学插件RayFire图文教程:如何使用RayFire 实现酷炫逼真的爆炸碎裂效果第 2部
     在本教程的第二部分中,我将向您展示如何使用3dsMax中的RayFire将柱子逼真地拆除成数千个不同大小的块。推荐:NSDT场景编辑器助你快速搭建可二次开发的3D应用场景1.场景设置步骤1打开 3dsMax。打开3dsMax步骤2转到>平面创建>标准基元并创建一个透视视口上的......
  • 3ds Max动力学插件RayFire图文教程:如何使用RayFire 实现酷炫逼真的爆炸碎裂效果第 3部
     推荐:NSDT场景编辑器助你快速搭建可二次开发的3D应用场景1.场景设置步骤1打开 3dsMax。打开3dsMax步骤2转到>平面创建>标准基元并创建一个透视视口上的地平面如下图所示。>平面创建>标准基元步骤3转到创建>标准基元>框并创建墙地平面上的结构。>框中创建>......
  • 引入代码来源:深入分析markdown-it-quote插件的魔法
    引入代码来源:深入分析markdown-it-quote插件的魔法markdown-it-quote是一个用于markdown-it的插件,支持多种代码围栏功能。这是SourceCodeTrace项目之一,提供一种MarkdownFence的解析方案,包括对代码块的引用、高亮、链接等功能。SourceCodeTraceProject帮助您在博客、......
  • 3ds Max动力学插件RayFire图文教程:如何使用RayFire 实现酷炫逼真的爆炸碎裂效果第 1
     这是一个关于使用行业标准插件RayFire在3dsMax中破坏元素的新系列。在本教程的第一部分中,我将向您展示如何在RayFire中使用在3dsMax中拆除元素的最基本操作和方法。 推荐:NSDT场景编辑器助你快速搭建可二次开发的3D应用场景1.准备场景步骤1打开 3dsMax。......
  • html 之 jQuery库
    一、jQuery介绍1、库就类似于是Python中的模块,简称为jq2、jQuery就是js、css等的封装版本,只要一封装,写法较简单3、jQuery是一个轻量级的、兼容多浏览器的JavaScript库,封装版本的js。4、jq的优势简化DOM操作:jQuery提供了简单易用的选择器和DOM操作方法,使得在HTML文......
  • Vue项目启动 报错error:0308010C:digital envelope routines::unsupported
    出现这个错误是因为node.jsV17版本中最近发布的OpenSSL3.0,而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响.解决方法package.json增加配置"scripts":{"serve":"setNODE_OPTIONS=--openssl-legacy-provider&&vue-cli-serviceserve......
  • 20230724日报
    简单的求和做题原因之前TLE30和TLE60,一直没有做出来做题过程想到了尺取法,重新听了尺取法的课,看了尺取法的模板。看了之前错误的代码,决定沿用之前使用map的方法,但是在找不出之前的错误,重新写了一遍代码交上去AC解题思路首先输入的元素是不需要按照它本来的顺序的(可以重......
  • .net 2.0插件
    .NET2.0插件介绍什么是.NET2.0插件?在软件开发中,插件是一种可扩展的组件,用于在已有的软件应用中添加特定的功能。.NET2.0插件是基于.NETFramework2.0开发的插件,可以在支持.NETFramework2.0的应用程序中使用。.NETFramework是Microsoft提供的一个开发框架,用于......