Bordes Cliente Magia HTML - Parte 3 Introducción En esta parte de la serie, que efectivamente llevar a cabo un proyecto. El proyecto trata de una página web. El objetivo del proyecto es que al mover el puntero del ratón al borde de la página web, un panel con una calculadora o alguna otra herramienta útil debe desplazarse en la página; usted puede hacer lo que quiere hacer con la herramienta; al hacer clic sobre el cuerpo de la página, fuera del panel, los rollos del panel de nuevo en el borde. Los fundamentos del proyecto se encuentran en las partes anteriores de la serie.
He hecho un montón de detalles explicación en las partes anteriores de la serie. Se resumirán en lo posible explicaciones de esta y la siguiente parte de la serie. La herramienta para el panel en nuestro proyecto es una calculadora. No se dan los detalles de la calculadora. En la siguiente parte de la serie, vamos a examinar el código completo del proyecto. El Proyecto Después de pasar por los fundamentos que estamos ahora en condiciones de llegar a los requisitos técnicos. Ahora sabemos lo que es posible y lo que no es posible la medida en que el DOM de JavaScript y HTML se refiere.
Antes de examinar los requisitos técnicos veamos de nuevo en las necesidades de los usuarios de nuevo: - Cuando el puntero del ratón llega a un borde, el panel debe desplazarse por sí mismo en la página. El desplazamiento debe detenerse tan pronto como el final del panel está en el borde. Debido a las limitaciones de las características HTML DOM, y la incompatibilidad entre navegadores, tendremos sólo el borde magia izquierda y el borde superior de magia. - Cuando el usuario hace clic en el elemento BODY fuera del panel, el panel debe desplazarse de nuevo en el borde.
Requisitos Técnicos Los siguientes requisitos están relacionados con el primer requisito del usuario anterior: - Habrá un borde imitan a la izquierda del área de cliente. Este borde mímica será un elemento DIV. - Habrá un borde mímica en la parte superior del área de cliente. Este borde mímica será un elemento HR; Voy a explicar por qué más tarde. - No habrá borde imitan a la derecha o en la parte inferior del área de cliente. Esto es debido a las limitaciones mencionadas anteriormente.
- Cada borde mímica responderá a un evento unmouseover, lo que hará que el panel para desplazarse a la página. - Debido a las limitaciones mencionadas anteriormente, el panel se desplazará línea de cliente 25% distante de la esquina superior izquierda del