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

2016-02-20 01:11 8 1 收藏

有了下面这个JQuery知识:20个jQuery教程+11个jQuery插件教程,不懂JQuery知识:20个jQuery教程+11个jQuery插件的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - Web开发 】

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

教程

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

1.
在图像画廊载入过程中使用 jQuery 预加载技术。 |

2.
创建一个独特的熔岩灯动画效果的 jQuery 导航菜单。 |

3.
使用 jQuery 创建类似 Flash 形式的 3D 标签云。 |

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

5.
使用 jQuery Kwicks 插件建立一个可定制的,灵活的横向动画菜单。 |

6.
使用光标题和字幕效果创建缩略图画廊。 |

7.
创建一个有吸引力的 jQuery 菜单,鼠标悬停时具有淡入背景效果。 |

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

9.
使用 jQuery 模仿 Twitter 新的下拉框效果。 |

10.
仅使用 jQuery 创建一个类 Flash 的明信片。 |

11.
使用 Ajax 在同一页创建类似 Twitter 的搜索框加载结果。 |

12.
学习如何创建类似 的投票系统。 |

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

14.
利用 jQuery 技术为网页标题添加令人轻叹的动画背景效果。 |

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

16.
通过使用 jQuery 为用户提供实时评论预览功能。 |

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

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

19.
本文介绍了如何使用 jQuery 控制台登录来轻松地调试 JavaScript 代码。

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

插件

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

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

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

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

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

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

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

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

英文原稿:
翻译整理:

来源:http://www.tulaoshi.com/n/20160220/1633439.html

延伸阅读
标签: Web开发
幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很流行的。你是否也对在自己的网站上实现类似的效果感兴趣?那就看一下本文列出的jQuery插件吧! 1. jFlow 官方网站 | 演示 一个漂亮而整洁的图片幻灯,被nettut推荐,如果你想自己做一个图...
标签: Web开发
什么是ImageLazyLoad技术 在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占的几M的空间。ImageLazyLoad技术就是,当前可见界面的图片是加载进来的,而不可见页面(通过滚动条下拉可见)中的图片是不加载的,这样势必会引起速度上质的提升。 怎么实现ImageLazyLoad 一、使用JQuery...
标签: Web开发
熟悉jquery的家伙大概花个5到10分钟就可以搞定了吧。由于这种导 航效果比较通用,LEVIN顺手写了个 jquery插件~ 如果你的网站也需要类似的效果,大可拿去直接用或者扩展下:) 如果你也想尝试将某些可重用功能封 装成jquery插件,别忘了看看一般的jquery插件开发过程,另外还有偶的一个jquery插件模板。 代码如下: ;(function($) { //...
标签: Web开发
1. Dynamic tooltip Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.   2. Popup Bubble Brilliant tooltip! It looks so simple but it has awesome transition effects. This tooltip could be very useful for clean and ...
标签: Web开发
Fullsize | Demo Fullsize的一个目的是下一个HTML标准中fullsize能够成为IMG 标签的一个属性,它的作用是在图片上提供可以查看图片原始大小的按钮。 Airport - Information Board Text Effect | Demo Airport是很简单的一个文字效果插件,模仿飞机场或者火车站公告牌显示站点文字效果,跳动显示。 jScrollPane | Demo jScrollPane ...

经验教程

616

收藏

62
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部