Lo que tenemos al lado en el atributo de estilo es "left: 0px; top: 0px;" Con, siendo los valores de izquierda y superior a cero el borde mímica es en el borde izquierdo del área de cliente de la página. A continuación tenemos un ancho de 1px. Esta es la anchura del borde sinóptico. El resto de las propiedades CSS son auto-explicativo sobre la base de lo que hemos cubierto en las partes anteriores de la serie. El elemento HR de forma predeterminada aparece horizontalmente. Si intenta hacerlo vertical, por dado una gran altura y anchura pequeña, no va a funcionar.
Este es el elemento ideal para el borde superior mímica. Cuando el ratón está sobre ella, una función llamada el doShiftDown () se llama. Esta función prepara la página para cambiar la calculadora (panel) hacia abajo. Los propósitos para el resto de los valores del elemento de HR son similares a los del borde imitador izquierdo. El resto de la CSS Usted tiene algunas propiedades de estilo en los atributos de estilo. El resto de las propiedades CSS se encuentran en la hoja de estilos.
Esta es la hoja de estilo: Los dos últimos estados son para el elemento de texto calculadora de entrada y los botones de la calculadora. Si ha cubierto lo básico, entonces el resto de las líneas de la CSS debe explicarse por sí mismo. El ancho del borde del DIV exterior es 0px. Esta frontera no necesita tener cualquier ancho. El usuario ni siquiera debe saber que existe DIV exterior. En las partes anteriores de la serie He utilizado un ancho de frontera con el propósito de ilustración. La propiedad position de CSS para el elemento DIV interior es "relativo".
Esto permite que se mueva (cuando se cambia su posición) en el DIV exterior. Mostrando el Panel Cuando desea que el panel desde el borde izquierdo, la propiedad de presentación del elemento DIV exterior se cambia a "bloquear". Desde el DIV exterior no tiene fronteras y es transparente, no verlo. El elemento DIV interior se mueve dentro de ella a la derecha. Cuando ya no lo quiere, que hacen que se