¿Cómo hacer puertas correderas?

Las puertas correderas se pueden hacer con javascript, el código es el siguiente:

html, cuerpo { margen: 0; alineación del texto: centrado; desbordamiento: oculto; altura: 100%; /p>

ul { tipo-estilo-lista:ninguno; margen:0px}

. CTT {altura: automático; claro: ambos; borde: 1px sólido # 064 ca 1; borde superior: 0; alineación del texto: izquierda; w936 {ancho: 2px 0; : 936px/*Ancho de toda la puerta corredera*/}

/*efecto de cambio de pestaña*/

. tb_{Fondo puerta corredera}

. TB_ul {altura:24px;}

. TB _ Li { float: left right margin: 2px height: 24px line height: 1.9; width: 94px cursor: pointer }

/*Clase CSS utilizada para controlar la visualización y ocultación*/

. Pestaña Normal {fondo de etiqueta de puerta corredera seleccionada}

. hovertab{Fondo de etiqueta de puerta corredera no seleccionada}

. dis {display:block;}

. undis { display:none;}

-& gt;

& lt/style & gt;

& ltscript type = " texto/JavaScript " idioma = "JavaScript">

//<! cdata[

Función g(o){ return document . getelementbyid(o);}

Función HoverLi(n){

//Si hay n etiqueta, I

for(var I = 1;i<=3;i++){g('tb_'+i). nombre de clase = 'normaltabg('tbc_0'+i). undis}g('tbc_0'+n). 'dis';g('tb_'+n).

className = ' hovertab

}

//Si quieres hacer clic y listo, por favor

//]]& gt;

& lt/script & gt;

& lt/head & gt;

& ltbody & gt

& lt! -Agrega el siguiente código a

& ltdiv class="w936 "

& ltdiv id=" tb _ " class = " tb _ " & gt

& ltul & gt

& ltLi id = " TB _ 1 " class = " pestaña flotante " onMouseOver = " x:hover Li(1);"& gt

Título 1

& ltLi id = " TB_2 " class = " pestaña normal " onMouseOver = " I:hover Li(2);"& gt

Título 2

& ltLi id = " TB _ 3 " class = " pestaña normal " onMouseOver = " a:hover Li(3);"& gt

Título 3

& lt/ ul & gt;

& lt/div & gt;

& ltdiv class="ctt "

& ltdiv class="dis" id=" tbc_01 " >Contenido 1

& ltdiv class="undis" id="tbc_02 " >Contenido 2

& ltdiv class="undis" id="tbc_03 " > Contenido 3

& lt/div & gt;

& lt/div & gt;

& lt/div & gt;

Hay muchos tipos de puertas correderas, desde simples puertas correderas generadas por unas pocas líneas de código JS hasta varios efectos de conmutación utilizando la biblioteca de efectos jQuery. En la producción de páginas web, a menudo es necesario aprovechar al máximo el espacio. En este momento se necesita la tecnología sencilla y práctica de las puertas correderas.