jQuery技术

整理的40个有用的jQuery技术和教程

字号+ 作者:H5之家 来源:H5之家 2015-11-14 19:33 我要评论( )

1.CustomAnimationBannerwithjQuery在该教程中你将学会如何使用jQuery的Easing插件及2DTransform插件创建自定义的动画横幅。教程的想法是将不同的元素以自定义动

  

  1. Custom Animation Banner with jQuery

  在该教程中你将学会如何使用jQuery的Easing插件及2D Transform插件创建自定义的动画横幅。教程的想法是将不同的元素以自定义动画的形式融入到横幅中去。

  

  查看实例

  2. Moving Boxes Carousel with jQuery

  你将学会如何创建一个拥有改变面板及缩放面板的按钮的滑块。

  

  查看实例 

  3. Quick Feedback Form – jQuery & PHP

  通过jQuery和PHP实现的快速填写反馈表单的实例。

  

  查看实例 

  4. Wijmo – jQuery UI Widgets

  Wijmo是一个拥有超过30个jQuery UI Widgets的库。

  

  查看实例

  5. One Page Navigation – jQuery Plugin

  这是一个在同一个页面中如何平滑的导航的实例。

  

  查看实例 

  6. RSS Reader With jQuery Mobile

  

  7. Easy Accordion – jQuery Plugin

  The Easy Accordion plugin by Andrea Cima Serniotti will get your definition lists (DTs) and generate a nice and smooth horizontal accordion.

  

  8. Lettering – jQuery Typography Plugin

  In this article you will learn how to create, for example typographical CSS3 posters, or for really custom type headings, while keeping the text selectable.

  

  9. Annotation Overlay Effect with jQuery

  Create a simple overlay effect to display annotations.

  

  10. Snippet – jQuery Syntax Highlighter

  Snippet is a cool jQuery syntax highlighting plugin built on top of the SHJS script found on SourceForge. Snippet jQuery plugin provides a quick and easy way of highlighting source code passages in HTML documents.

  

  11. Google Powered Site Search With jQuery

  In this logical tutorial you will learn how to create a branded custom search engine simply by using Google's AJAX Search API, with which you can search for images and video and news items on your site – and you can also get general web results. 

  

  12. Build a Better Tooltip with jQuery Awesomeness

  In this tutorial ,It  shows how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.

  

  13. Simple Tooltip – jQuery & CSS

  In this tutorial by Soh Tanaka you will learn how to create simple tooltip with jQuery and an incredibly simple styling with CSS. 

 

  14. Coda Popup Bubbles

  jQuery tutorial shows you how to create slick popup bubbles that appear when hovering over the target object.

  

Jquery_techniques_tutorials14

  查看实例

15. Exposure jQuery Plugin

  Exposure is an image viewing plugin for the jQuery JavaScript library. It's designed for creating rich, fully customizable viewing experiences, and can handle very large amounts of images without pushing your bandwidth through the roof.

  

Jquery_techniques_tutorials15

  查看实例

16. Giveaway Randomizer App – jQuery

  In this tutorial you will learn how to create a dedicated randomizer jQuery application.

  

Jquery_techniques_tutorials16

  查看实例

17. jQuery Smooth Tabs Plugin

  jQuery Smooth Tabs is easy to use plugin, which allows you to display your content with some effects, for better user experience. All you need is a single container for your desired tabs and content, some nice CSS and images.

  

Jquery_techniques_tutorials17

  查看实例

18. TN34 Timetabs – jQuery Plugin

  This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle to next tab. It is compatible with most modern browsers.

  

Jquery_techniques_tutorials18

  查看实例

19. Full Page Image Gallery with jQuery

  In this tutorial you are going to create a stunning full-page gallery with scrollable thumbnails and a scrollable full screen preview.

  

Jquery_techniques_tutorials19

  查看实例

20. bgStretcher – jQuery Plugin

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
7