Learn how to create a tab on a web page [Figure]

[% _ Repeat_0 %] [% Repeat_0 match = "/data/option" %] [% = @ Title %] [% = @ Count %] ticket [[% = @ percent %]

A recent project uses User-friendly interfaces and operations on the webpage, which reminds me of tabs in C/S mode development. I read it last night.Erik Arvidsson The written tab pane is very practical and well encapsulated. The call is simple and style control is in place. Usage: : Http://webfx.eae.net/download/tabpane102.zip 1. Create the web page test-tab.html and UE (ultraedit) for editing. The content is as follows: <! -- Header import --> <SCRIPT type = "text/JavaScript" src =" JS/tabpane. js "> </SCRIPT> <Link type = "text/CSS" rel = "stylesheet" href =" CSS/tab.webfx.css "/> <! -- Simple call --> <Div class = "tab-pane" id = "tab-pane-1"> <Div class = "tab-page"> <H2 class = "tab"> General </H2> This is text of Tab 1. This is text of Tab 1. This is text of Tab 1. This is text of Tab 1. </Div> <Div class = "tab-page"> <H2 class = "tab"> privacy </H2> This is text of Tab 2. This is text of Tab 2. This is text of Tab 2. This is text of Tab 2. </Div> </Div> Note: you can find the files in the downloaded folder. 2. effect: 3. For more information, see the example in the downloaded file.