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

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

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

【 tulaoshi.com - Web开发 】

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

教程

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 为用户提供实时评论预览功能。 |

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

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

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

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

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

插件

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

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

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

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

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

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

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

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

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

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

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

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

英文原稿:
翻译整理:

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

延伸阅读
标签: Web开发
大家先不要看我的源代码,看看使用js是否能够做得出 要求: 1)页面上一个按钮; 2)点击后弹出窗口,我被点击了; 如下图: JavaScript代码如下:!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.or...
标签: Web开发
什么是ImageLazyLoad技术 在页面上图片比较多的时候,打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片,占的几M的空间。ImageLazyLoad技术就是,当前可见界面的图片是加载进来的,而不可见页面(通过滚动条下拉可见)中的图片是不加载的,这样势必会引起速度上质的提升。 怎么实现ImageLazyLoad 一、使用JQuery...
标签: 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 ...
虽然Web字体版式技术在各种定制化字体解决方案(比如@font-face, Google Fonts)的支持下一路蓬勃发展,但是在我们在设计和桌面app开发中仍然对其缺少精准的控制和把握。还好有一系列的强大功能jquery插件帮助我们解决这个问题。这篇文章详细介绍了近10个最流行的Web字体版式插件,它们允许我们润色字体版式并创造出更多超级酷的效果。 不得不说...

经验教程

547

收藏

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