1. 云栖社区>
  2. 技术文集>
  3. 列表>
  4. 正文

JQuery知识:20个jQuery教程+11个jQuery插件

作者:用户 来源:互联网 时间:2016-06-25 10:17:43

jqueryjquery 插件jquery功能jquery插件插件jquery ajax购物车动画教程效果演示jquery插件 ata ablesjquery插件jquery主页jQuery投票

JQuery知识:20个jQuery教程+11个jQuery插件 - 摘要: 本文讲的是JQuery知识:20个jQuery教程+11个jQuery插件, 在网络发展领域,由于 jQuery 简单易学,易于使用和易于扩展的特点,因此正慢慢变得无处不在。以下是从一些 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 是一款功能齐全的滑动门插件,易于定制并适应你的网站。演示 插件主页

英文原稿:30+ Fresh & Amazing jQuery Plugins & Tutorials Web Developer Plus
翻译整理:30+ 新鲜惊奇的 jQuery 插件与教程



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有 的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery , jquery 插件 , jquery功能 , jquery插件 , 插件 , jquery ajax , 购物车动画 , 教程 , 效果 , 演示 , jquery插件 ata ables , jquery插件jquery , 主页 jQuery投票 两个jquery插件冲突、如何写一个jquery插件、多个jquery插件冲突、怎么写一个jquery插件、jquery插件,以便于您获取更多的相关知识。

插件-跪求jquery开发的横向时间轴控件?

问题描述 跪求jquery开发的横向时间轴控件? 如上图,谁用过这样的一款插件,在线等。。。。。。。。。。。。。 解决方案 http://www.oschina.net/news/60906/jquery-tim...

25个非常棒的jQuery滑块插件和教程小结_jquery

1.Create a Slick and Accessible Slideshow Using jQuery 效果演示 2. Create an Image Rotator with Description (CSS/jQuery) 效果演示 3.A Beautiful Apple-style Slideshow Gallery With CSS & jQuery 效果演示 4.Fancy Thumbnail Hover Effect w/ jQuery 效果演示 5.Simple JQuery Image Slide ...

小知识

..."test",$sql,$connect);while($result=mysql_fetch_array($query)){echo ...;} jQuery Pagination分页插件    此jQuery插件为Ajax分页插件,一次性加载,故分页切换时无刷新与延迟,如果数据量较大不建议用此方法,因为加载会比较慢。    原插件CSS不...

平时开发搜集的一些网址

... 裴东辉 - 博客园 SlipHover,能感知鼠标方向的图片遮罩效果jQuery插件 - Wayou - 博客园 7-zip 压缩算法及C SDK使用 - davad.di - 博客园 用.NET开发的磁力搜索引擎——Btbook.net - Create Chen - 博客园 示例 - 17行代码实现一个简单高效的多线程蜘...

JavaScript学习资料总结

...avaScript效果展示与插件: (1)13个免费和收费的JavaScript/jQuery日历 (2)10个超赞的JavaScript图形图表绘制插件 (3)《关于浏览器和Web必须了解的20件事》中的翻页效果:演示 分析 (4)超牛的Image Slider JS插件,基于CSS3,提供9种...

前三篇
后三篇