Div + css + js simulates tabs. In this version, you can theoretically add unlimited tabs. In addition, you only need to add lines to the content without modifying JS.
Of course, you have to get a DIV.
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <ptml xmlns = "http://www.w3.org/1999/xhtml"> <pead> <meta http-equiv =" content-Type "content =" text/html; charset = gb2312 "/> <title> div + css + js simulated tab </title> <style> </pead> <body> <ul> <li> box 1111 </li> <li> box 2222 </li> <li> box 3333 </li> <li> box 4444 </li> </ul> content SA. 111 .. <br> here is the content. 111 .. <br> here is the content. 111 .. <br> the content is shown in the following figure: 222 .. <br> here is the content. 222 .. <br> here is the content. 222 .. <br> here is the content. 333 .. <br> here is the content. 333 .. <br> here is the content. 333 .. <br> here is the content. 444 .. <br> here is the content. 444 .. <br> here is the content. 444 .. <br> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]