程序猿日志

是一个高尚的人,一个纯粹的人,一个有道德的人,一个脱离了高级趣味的人

jQuery Tabs Tutorial: 18 Exceptional Techniques

原文链接:http://www.tutorialchip.com/jquery/jquery-tabs-tutorial-18-exceptional-techniques/

1. Create a Slick Tabbed Content Area Using CSS & jQuery

This is an excellent tutorial by tutplus. They have build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally achieve the same thing using the jQuery library.

View Tutorial – View Demo

2. Create a Tabbed Interface Using jQuery

This is another beautiful tutorial by the same site. This tutorial can be utilized to create completely unique interfaces without having to be a coding God – using only one line of code!

View Tutorial – View Demo

3. Simple Tabs w/ CSS & jQuery

This is a nice tutorial that can be easy to understand even for a beginner.

View Tutorial – View Demo

4. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

Tabbed Interface or Tabbed Structure Menu is getting really famous in web design & development. This tutorial will show you how to build your own tabbed Interface using jQuery with slideDown/slideUp effect.

View Tutorial – View Demo

5. Playing with jQuery Tabs

According to author, Creating tabs is as simple as setting up some simple HTML and “enabling” it with a line of JavaScript code.

View Tutorial – View Demo

6. Slide Tabbed Box Using jQuery

There are so many kinds of tabbed menu nowadays. Still I really like the sliding effect (such as in Coda website). Luckily, thank to jQuery, we could reassembly this effect and trust me it only takes a few minutes.

View Tutorial – View Demo

7. Javascript: jQuery Tabs

In modern web applications you often need to make something visually appealing and without using something like Flash, the best thing for this is Javascript. This is the first of a series of articles showing how to use these frameworks to make your application a better place – Tabs using JQuery.

View Tutorial – View Demo

8. Create Flipping Content Tabs Using jQuery

Content Tabs have become more popular lately with more and more websites and blogs using them to show more content in lesser space. This tutorial is going to show you how to create content tabs with nice flipping effect.

View Tutorial – View Demo

9. Ultra Simple jQuery Tabs

Tabs are perhaps one of the most popular layouts used in web design today – particular in sidebars. In this tutorial we’ll be using the jQuery library to build an ultra simple tabbed layout in less than 20 lines of JavaScript!

View Tutorial – View Demo

10. jQuery Tabs Made Easy

This beautiful tutorial is about small jQuery dependant code to create amazing tabs widget with useful functionality.

View Tutorial – View Demo

11. Animated Tabbed Content with jQuery

This tutorial is about a container which has the ability to switch content through tabs, but with an animation. This tutorial will show you how to create your own tabbed content step by step.

View Tutorial – View Demo

12. jQuery to Fade Effects Tabs

In this JQuery tutorial we will develop a program to make Fade Effect tab

View Tutorial – View Demo

13. jQuery Tab Container Theme with Tab Transition Animations

It is an easy to understand tutorial to create a tab container with transition animations.

View Tutorial – View Demo

14. jQuery Sliding Tab Menu for Sidebar Tutorial

Learn how to create a sliding tab menu for your sidebar by using jQuery and jQuery.scrollTo. With this simple tutorial, you’ll able to create a slick and attractive sidebar. It’s so simple and fully customizable.

View Tutorial – View Demo

15. jQuery Tabs

Tabbing has been common place on the Internet for some time now. Today web sites will make use of tabbing without the page having to reload with the addition of JavaScript.

View Tutorial – View Demo

16. Create a Smooth Tabbed Menu in jQuery

In this tutorial, you will learn how to create a smooth tabbed menu with our lovely jQuery library. With simple and clean layout we can have a great tabbed menu for our websites.

View Tutorial – View Demo

17. Sweet AJAX Tabs with jQuery 1.4 & CSS3

This tutorial is going to make an AJAX-powered tab page with CSS3 and the newly released version 1.4 of jQuery, so be sure to download the zip archive from the button above and continue with step one.

View Tutorial – View Demo

18. Flowplayer Tabs

There are many other ways of using this tool than the demos provided above. Here is a generic form for constructing tabs.

View Tutorial – View Demo

,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>