Recompensa el código fuente de la página concisa
Primero haga clic en la imagen sangrada de la izquierda para reducir la columna de la izquierda.
En segundo lugar, la idea de implementación
1. Como botón, haga clic en la imagen para activar la visualización y reducción de la capa. El código de la imagen es el siguiente:
lta href = " JavaScript: show();" gt ltIMG src = " image/fc lost . gif " align = " ABS middle " border = " 0 " gt; lt/A gt;
Tercero, código fuente
ltHTML gt
ltHEAD gt
ltMETA http-equiv = " Tipo de contenido " Content = " text/html; charset=gb2312 " >>p>
ltTITLE gt efecto de reducción de columna izquierda
ltSTYLE type="text/css " >>p>
TD { fuente fuente -tamaño: 12px altura de línea: 22px}
. Rojo {color: #FF0000}
lt/STYLE gt;
ltScript language = "JavaScript" gt
Visualización de funciones(){
if (document. getelementbyid ("left"). style. display == ' none ') {// Determina el estado actual de la columna izquierda (mostrar, ocultar).
document . getelementbyid(" left ")style . display = ' block ';//Mostrar la columna de la izquierda
}
else { document . " left ")style . display = ' none ';//Ocultar la columna izquierda
}
}
lt/SCRIPT gt;
lt/HEAD gt;
ltBODY gt
ltTABLE ancho = " 98 " borde = " 0 " espacio entre celdas = " 0 " relleno de celda = " 0 " align = " centro " >
ltTR gt
ltTD id="left" width="200 " >Haz clic en el botón de alejar a la derecha para ver si entré. lt/TD gt;
ltTD width = " 8 " style = " border-right: 1 # cccccc solid;" gt lta href = " JavaScript: show();" fc perder .jpg " align = " ABS middle " border = " 0 " gt; lt/A gt; lt/TD gt;
ltTD valign="top"gt. FRONTAL
lt/TR gt;
lt/TABLE gt;
lt/BODY gt;
lt/HTML gt;