Tab tab switch effect JavaScript Summary
It is very common to switch tabs on current web pages. HoweverTab SwitchBut there are a lot of things to be aware of, how to use the least code, the most flexible implementation. JavaScript code implemented by 37 tabs is collected here.
Non-Original Source Network: original address: http://paranimage.com/37/
1) EasyTabs 1.2 With autochange-you can set the
Today, when I was learning learn Python's hard-ex26, there was a question about \ t, and the following are the code and the output:1 poem = "" "2 \tthe lovely world 3 with logic so firmly planted 4 cannot discern \ n the needs of love 5 nor comprehend \ t Passion from Intuition 6 and requires a explantion 7 \n\t\twhere there is none. 8 "" 9 print "--------------" Print poem13 print "--------------"--------------The lovely worldwith logic so fir
button below
The default tab button is on the top. We can define the position of the tab button at will. The following Code demonstrates the specific usage:
VcD4KPHByZSBjbGFzcz0 = "brush: java;"> the tab button is below
// Click the tab button at the bottom of var tabs3 = Ext. createWidget ('tabpanel ', {rend
tab switch in the current Web page, it is very common. But the tab-switched JavaScript implementation has a lot to pay attention to, how to use the least code, the most flexible implementation. This collection of 37 tab-implemented JavaScript code is here to spare.
Non-original source network: Original address: http://paranimage.com/37/
1 Easy Tabs 1.2 with autoc
multiple Beforeclick events.
A more intuitive description is as follows:
Method
Return Value
Description
GetConf ()
API
Returns the configuration object of the api.
GetCurrentPane ()
JQuery
Obtain the current panel
GetCurrentTab ()
JQuery
Get current tab
GetIndex ()
Integer
Returns the index of the current tab.
events.
OnClick ()
API
// Click of the same configuration object. One object can be bound to multiple Beforeclick events.
Finally, take several of the official websites as the end of this article.
1. Common tabs
De life "alt =" tabs of jquery tools (Tab/TAB)-gaoyusi-My coDe life "src =" http://files.jb51.net/upload/20090725144632720.jpg ">
2. horizontally expanded tabs
De life "alt ="
This article to share is the Personal Package tab special effects Plug-ins, very simple and practical, attached to the use and examples, the need for small partners can refer to.
In the development of the Web site will often use the TAB function, in order to save the time to write code, encapsulating the tab plug-in, easy to invoke.
Create a
In the previous article, the function menu is displayed in a tree. The following describes the main business functional area in the central area of the system layout. You can use the tab control to open multiple tab pages, to facilitate system operations and business operations.
First, let's talk about the initialization of the front-end tab control. In the index
: The purpose of the target pseudo-class is to highlight the active HTML anchor, and here is a simple example:HTML code:1 Div>2 ahref= "#demo1">Click herea>3 Div>4 DivID= "Demo1">Test resultsDiv>CSS code:1 : Target {2 color: #343434; 3 border: 1px solid red; 4 background-color: red; 5 }#demo1写在链接里, which means pointing to a target element, while the Id=demo1 div element is the target element th
Tabs are available on a large number of sites, although the form is different, but the purpose is to achieve the same, is generally in order to classify or save the web space only use, is a sharp weapon, the following is a code example of a tab, the universality is very strong, below and you share.
The code example is as follows:
The above code implements the function of the tab, the following is
top.
Ext. Tab. bar:
Configuration item
Parameter type
Description
Maxtabwidth
Number
Set the maximum width of the tag button
Mintabwidth
Number
Set the minimum width of the tag button
Plain
Boolean
True: The full tabbar background is not displayed. The default value is false.
1. Add tabs through items
Code:
1 " -// W3C // dtd xhtml 1.0 transit
Operation Steps:
When using Internet Explorer 7 and Internet Explorer 8 and newer versions of IE, we open a link in a new tab, but always want to switch directly to a new tab instead of staying on the current tab. How do you operate this?
In IE, click to open the Tools menu-> Internet options. (If the menu bar does not appear, press the ALT key)
On the
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 |
To use a tab:1. Use framelayout in the layout file to list the tab component and the content component in the tab.
2. The activity must inherit tabactivity.
3. Call the gettabhost () method of tabactivity to obtain the tabhost object.
4. Use tabhost to create a tab.
top. This is the principle of the tab. In terms of code, it is called TabHost as a whole. The title and frame below form TabSpec, And the increase or decrease of the page is actually TabSpec.
1. Add basic layout components (several more linear la s will be added when eclipse is dragged in, which can be deleted, because it is the layout inside the frame layout and does not need to be used)
2. Get TabHost and initialize
private TabHost tabHos
In this paper, we share a tab function which can realize automatic switching, and give the realization process of it.
About the tab we will not be unfamiliar, the application is very frequent, usually the tabs are required to click or across to achieve switching.The code example is as follows:
The code above implements our requirements, the following is an introduction to its implementation proces
Procedure:When using Internet Explorer 7, Internet Explorer 8, and the updated version of IE, we open a link in the new tab, but always want to switch directly to the new tab instead of staying on the current tab. How can I perform this operation? In IE, clickToolsMenu> pointInternet options. (If the menu bar does not appear, press ALT)
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.