jQuery技术

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

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

bgStretcher (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fil

  bgStretcher (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plug-in will work as a slideshow if multiple images mode is used (the speed and duration for the slideshow is configurable).

  

Jquery_techniques_tutorials20

  查看实例

21. SlideNote – jQuery Plugin For Sliding Notifications

  SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application.

  

Jquery_techniques_tutorials21

  查看实例

22. Easy List Splitter – jQuery Plugin

  Easy List Splitter keeps the HTML to the minimum. No unnecessary elements or inline styles are added to the code. You'll get a clean plain HTMLwith some classes that you can use as hooks to easily style your lists. Choose whether to order your list items vertically or horizontally. You can then decide whether to modify the default CSS or apply a new one.

  

Jquery_techniques_tutorials22

  查看实例

23. Create a Slide Tabbed Box using jQuery

  Show you how to create a set a module tab interface that slides content left and right as you click on the tabs.

  

Jquery_techniques_tutorials23

  查看实例

24. Create a Tabbed Interface Using jQuery

  This very detailed step-by-step tutorial will show you how to create a tabbed interface using jQuery.

  

Jquery_techniques_tutorials24

  查看实例

25. jQuery Tabbed Interface

  Tabbed Interface or Tabbed Structure Menu show you how to build your own tabbed Interface using jQuery with slideDown/slideUp effect.

  

Jquery_techniques_tutorials25

  查看实例

26. Create Sliding Image Caption with jQuery

  This image gallery tutorial shows you an interesting interaction technique for having captions that slide up to reveal more information about a particular image when the user hovers over it.

  

Jquery_techniques_tutorials26

  查看实例

27. Image Cross Fade Transition

  This tutorial will show you how to fade another image in, superimposing onto the current image when the user hovers it. It can be a great way to display more information about a particular image.

  

Jquery_techniques_tutorials27

  查看实例

28. Image Reveal using jQuery

  This quick and easy tutorial shows you the concept of hiding and showing elements by watching out for window events .

  

Jquery_techniques_tutorials28

29. Slider Gallery

  在这篇教程中,你将学会如何创建基于jQuery UI的sliding gallery。

  

Jquery_techniques_tutorials29

  查看实例

30. Simple jQuery Image Slide Show with Semi-Transparent Caption

  It shows how to create a simple image slide show with a semi-transparent caption with jQuery. It is suitable to display news headlines, or an image slide show in your website front page.

  

Jquery_techniques_tutorials30

  查看实例

31. Create an Amazon Books Widget with jQuery and XML

  Create how to leverage jQuery and the Amazon API to display products inside a content area that's horizontally-scrollable in this highly involved step-by-step tutorial.

  

Jquery_techniques_tutorials31

  查看实例

32. Building a jQuery-Powered Tag-Cloud

  A tag-cloud is a great way of showing visitors to your blog the main topics of interest that are available. There is also additional information contained in a tag-cloud.

  

Jquery_techniques_tutorials32

33. Simple jQuery Spy Effect

  In this tutorial, you'll discover an innovative technique for mimicking Digg's now defunct Digg Spy application.

  

Jquery_techniques_tutorials33

  查看实例

34. Creating a Floating HTML Menu Using jQuery and CSS

  This jQuery-based navigation menu tutorial will show you how to create a menu that follows you up and down the page as you scroll.

  

Jquery_techniques_tutorials34

  查看实例

35. Horizontal Slide Nav Using jQuery & CSS

  Learn to create a spectacular sliding navigation whose animation is triggered when the user hovers over a navigation item.

  

Jquery_techniques_tutorials35

  查看实例

36. Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP

 

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

网友点评
%