Client magique HTML Edges - Partie 3 Introduction Dans cette partie de la série, nous acquitter efficacement un projet. Le projet porte sur une page Web. Le but du projet est que lorsque vous déplacez le pointeur de votre souris sur le bord de la page web, un volet avec une calculatrice ou un autre outil utile devraient défiler dans la page; vous pouvez faire ce que vous voulez faire avec l'outil; lorsque vous cliquez sur le corps de la page, en dehors de la fenêtre, les rouleaux de volet arrière dans le bord.
Les fondamentaux du projet sont dans les parties précédentes de la série. Je l'ai fait beaucoup d'explication détaillée dans les parties précédentes de la série. Explications dans ce domaine et la prochaine partie de la série seront résumées si possible. L'outil pour le volet de notre projet est une calculatrice. Les détails de la calculatrice ne seront pas donnés. Dans la prochaine partie de la série, nous allons regarder le code complet du projet. Le projet Après avoir traversé les bases que nous sommes maintenant en mesure de venir avec les exigences techniques.
Nous savons maintenant ce qui est possible et ce qui est pas possible pour autant que le DOM JavaScript et HTML sont concernés. Avant de nous pencher sur les exigences techniques penchons-nous à nouveau les besoins des utilisateurs à nouveau: - Lorsque le pointeur de la souris atteint un bord, le volet devrait défiler par lui-même dans la page. Le défilement devrait cesser dès que la fin du volet est au bord. En raison des limitations de fonctionnalités HTML DOM, et l'incompatibilité entre les navigateurs, nous aurons seulement le bord gauche de magie et le bord supérieur de la magie.
- Lorsque l'utilisateur clique sur l'élément BODY en dehors de la fenêtre, le volet devrait revenir en arrière dans le bord. Exigences techniques Les exigences suivantes sont liées à la première exigence de l'utilisateur ci-dessus: - Il y aura un bord synoptique sur la gauche de la zone cliente. Ce bord synoptique sera un élément DIV. - Il y aura un bord synoptique en haut de la zone cliente. Ce bord synoptique sera un élément de RH; Je vais vous expliquer pourquoi plus tard. - Il n'y aura pas de bord synoptique sur la droite ou en bas de la zone cliente.
Ceci est dû à des limitations mentionnées ci-dessus. - Chaque bord synoptique sera répondre à un événement de unmouseover, ce qui entraînera le volet pour faire défiler dans la page. - En raison des limitations mentionnées ci-dessus, le volet permet de