By the way also found a number of excellent tab tab examples, here to share with you. Of course, in the end I did not use idtabs as well as any of the following examples, I was very unconvinced that I wrote a small plug-in, is not perfect, it is not shared. Let's take a look at the Great variety of tab tabs of the foreigners based on jquery:
1. JQuery tab Interface/TAB Structure Menu tutorial This type of menu is well known in web design and development. This tutorial is to show you how to create your own tab menu by using the down/up slide effect of jquery. Be very careful with this demo yo, you'll love it.
Demo | Download | Introduced
2. jquery Directory navigation plug-in This jquery plugin provides a way to add an alphabetical navigation widget to an ordered and unordered list. A simple (via CSS) navigation bar above the list to show users the search from A to Z. Displays all elements that begin with this letter by selecting a letter from the list. The count shown above in the optional letter shows how many items will be realistic when you click the letter. In addition, there are other basic features to choose from.
Demo | Download | introduction
3. jquery's kwicks menu kwicks an effect (same name) originating in MooTools Gradually evolve into a highly customizable general-purpose component.
Demo | Download | introduction
4. jquery Fading menu-replace content Css-tricks on a good tutorial, Explain how to use CSS and jquery, this time they teach how to use jquery to make menu options fade.
Demo | Download | introduction
5. jquery idtabs Idtabs is a jquery plugin. He can easily add tabs to the site. But he also opens the door to endless possibilities.
Demo | Download | introduction
6. JQuery + CSS Create a smooth video content area Web designers try to concentrate a lot of information on a Web page without losing usability is one of the biggest challenges. Content tabbed is a great way to handle this type of problem, and has recently been widely used in blogs. This is a great tutorial on the use of HTML to create a small tab information box, and finally use some simple JS features and jquery library implementation.
Demo | Download | introduction
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.